© 2026 Jares Catering

Catering
Profesional

Con sabor a hogar.

Contáctanos.

Whatsapp
Márcanos
7 años de experiencia

Tenemos clientes que año con año
continúan solicitando nuestros servicios

Espacio seguro para mujeres

Fundamos Jares para crear un espacio seguro para mujeres, con platillos elegantes, ingredientes frescos y un toque hogareño.

Socios estratégicos 

Somos el complemento perfecto para tu evento

Servicios

Contáctanos para realizar tu presupuesto, tenemos los mejores precios

Taquizas: Suadero · Pastor · Longaniza · Guisado · o la especialidad que necesites – Ver fotos

Box lunch: Tortas · Sándwich · Chapata  · Burrito · Molletes · Ensalada · Fruta – Ver fotos

Coffe break: Básico · Ejecutivo · Saludable · Dulce · Salado · Mixto – Ver fotos

Servicio de alimentos por tiempos: 3 · 4 · o a sus necesidades – Ver fotos

Brindis: Recepción · Bienvenida · Ceremonias – Ver fotos

Producción de eventos: Sociales · corporativos · Institucionales – Ver fotos

<style>
/* ============================================================
   LIGHTBOX JARES - VERSIÓN MÓVIL OPTIMIZADA + FOTO GRANDE
   ============================================================ */

.jares-lightbox-overlay {
  position: fixed;
  inset: 0;
  background: rgba(18, 18, 18, 0.88);
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  backdrop-filter: blur(6px);
}

.jares-lightbox-overlay.activo {
  display: flex;
}

.jares-lightbox-box {
  width: min(1180px, 96vw);
  height: min(92vh, 900px);
  background: #fffaf7;
  border-radius: 28px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 25px 90px rgba(0,0,0,0.42);
  border: 1px solid rgba(255,255,255,0.45);
  display: flex;
  flex-direction: column;
}

.jares-lightbox-header {
  background: linear-gradient(135deg, #7b4fa3, #c9b4e3);
  color: #ffffff;
  padding: 22px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.jares-lightbox-title-wrap h3 {
  margin: 0;
  font-size: 28px;
  color: #ffffff;
  line-height: 1.1;
}

.jares-lightbox-title-wrap p {
  margin: 7px 0 0;
  font-size: 15px;
  color: rgba(255,255,255,0.92);
}

.jares-lightbox-close {
  background: rgba(255,255,255,0.95);
  color: #7b4fa3;
  border: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;
  font-weight: bold;
  flex-shrink: 0;
  transition: transform 0.25s ease, background 0.25s ease;
}

.jares-lightbox-close:hover {
  transform: rotate(90deg) scale(1.05);
  background: #ffffff;
}

.jares-lightbox-content {
  flex: 1;
  overflow-y: auto;
  padding: 24px 26px 18px;
  min-height: 0;
}

.jares-lightbox-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.jares-lightbox-card {
  position: relative;
  background: #ffffff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,0.11);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  cursor: pointer;
}

.jares-lightbox-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(0,0,0,0.16);
}

.jares-lightbox-card img {
  width: 100%;
  height: 245px;
  object-fit: cover;
  display: block;
}

.jares-lightbox-card::after {
  content: "Ver foto";
  position: absolute;
  right: 12px;
  bottom: 12px;
  background: rgba(123, 79, 163, 0.92);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 13px;
  border-radius: 999px;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.jares-lightbox-card:hover::after {
  opacity: 1;
}

.jares-lightbox-footer {
  flex-shrink: 0;
  background: #fffaf7;
  padding: 14px 26px 20px;
  border-top: 1px solid rgba(123,79,163,0.16);
  box-shadow: 0 -8px 24px rgba(0,0,0,0.04);
}

.jares-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}

.jares-page-btn {
  background: #ffffff;
  color: #7b4fa3;
  border: 1px solid rgba(123,79,163,0.28);
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transition: all 0.25s ease;
  white-space: nowrap;
}

.jares-page-btn:hover:not(:disabled) {
  background: #7b4fa3;
  color: #ffffff;
  transform: translateY(-2px);
}

.jares-page-btn:disabled {
  opacity: 0.34;
  cursor: not-allowed;
  box-shadow: none;
}

.jares-page-indicator {
  color: #4b3b4f;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

.jares-whatsapp-btn {
  display: block;
  width: 100%;
  background: #25D366;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 15px 24px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 17px;
  text-align: center;
  box-shadow: 0 10px 24px rgba(37, 211, 102, 0.30);
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.jares-whatsapp-btn:hover {
  opacity: 0.92;
  transform: translateY(-2px);
}


/* ============================================================
   FOTO GRANDE DENTRO DEL LIGHTBOX
   ============================================================ */

.jares-photo-viewer {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.92);
  z-index: 1000000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
}

.jares-photo-viewer.activo {
  display: flex;
}

.jares-photo-viewer-inner {
  position: relative;
  width: min(1100px, 96vw);
  height: min(88vh, 760px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.jares-photo-viewer img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 18px;
  box-shadow: 0 20px 80px rgba(0,0,0,0.55);
  background: #ffffff;
}

.jares-photo-close {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #ffffff;
  color: #7b4fa3;
  border: none;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 8px 24px rgba(0,0,0,0.30);
}

.jares-photo-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.94);
  color: #7b4fa3;
  border: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 8px 24px rgba(0,0,0,0.30);
}

.jares-photo-arrow:hover,
.jares-photo-close:hover {
  background: #ffffff;
}

.jares-photo-prev {
  left: -8px;
}

.jares-photo-next {
  right: -8px;
}

.jares-photo-counter {
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255,255,255,0.94);
  color: #4b3b4f;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 980px) {
  .jares-lightbox-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .jares-lightbox-card img {
    height: 230px;
  }
}

@media (max-width: 620px) {
  .jares-lightbox-overlay {
    padding: 8px;
    align-items: stretch;
  }

  .jares-lightbox-box {
    width: 100%;
    height: calc(100dvh - 16px);
    max-height: calc(100dvh - 16px);
    border-radius: 22px;
  }

  .jares-lightbox-header {
    padding: 18px 18px 16px;
  }

  .jares-lightbox-title-wrap h3 {
    font-size: 25px;
  }

  .jares-lightbox-title-wrap p {
    font-size: 15px;
    line-height: 1.35;
  }

  .jares-lightbox-close {
    width: 50px;
    height: 50px;
    font-size: 32px;
  }

  .jares-lightbox-content {
    padding: 16px 16px 10px;
  }

  .jares-lightbox-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .jares-lightbox-card {
    border-radius: 20px;
  }

  .jares-lightbox-card img {
    height: 250px;
  }

  .jares-lightbox-card::after {
    opacity: 1;
    font-size: 12px;
    padding: 7px 12px;
  }

  .jares-lightbox-footer {
    padding: 12px 14px 14px;
  }

  .jares-pagination {
    gap: 8px;
    margin-bottom: 12px;
  }

  .jares-page-btn {
    padding: 9px 12px;
    font-size: 14px;
  }

  .jares-page-indicator {
    font-size: 14px;
  }

  .jares-whatsapp-btn {
    padding: 15px 18px;
    font-size: 17px;
  }

  .jares-photo-viewer {
    padding: 12px;
  }

  .jares-photo-viewer-inner {
    width: 100%;
    height: 82vh;
  }

  .jares-photo-viewer img {
    border-radius: 14px;
  }

  .jares-photo-close {
    top: 8px;
    right: 8px;
    width: 48px;
    height: 48px;
    font-size: 32px;
  }

  .jares-photo-arrow {
    width: 44px;
    height: 44px;
    font-size: 26px;
  }

  .jares-photo-prev {
    left: 8px;
  }

  .jares-photo-next {
    right: 8px;
  }

  .jares-photo-counter {
    bottom: 10px;
  }
}
</style>

<div id="jaresLightbox" class="jares-lightbox-overlay">
  <div class="jares-lightbox-box">
    <div class="jares-lightbox-header">
      <div class="jares-lightbox-title-wrap">
        <h3 id="jaresLightboxTitle">Galería</h3>
        <p id="jaresLightboxSubtitle">Explora nuestras opciones para tu evento</p>
      </div>

      <button class="jares-lightbox-close" type="button" onclick="cerrarGaleriaJares()">×</button>
    </div>

    <div class="jares-lightbox-content">
      <div id="jaresLightboxGrid" class="jares-lightbox-grid"></div>
    </div>

    <div class="jares-lightbox-footer">
      <div class="jares-pagination">
        <button id="jaresPrevBtn" class="jares-page-btn" type="button" onclick="cambiarPaginaJares(-1)">
          ← Anterior
        </button>

        <span id="jaresPageIndicator" class="jares-page-indicator">
          Página 1 de 1
        </span>

        <button id="jaresNextBtn" class="jares-page-btn" type="button" onclick="cambiarPaginaJares(1)">
          Siguiente →
        </button>
      </div>

      <a id="jaresContactBtn" class="jares-whatsapp-btn" href="#" target="_blank" rel="noopener">
        Contactar por WhatsApp
      </a>
    </div>
  </div>
</div>

<div id="jaresPhotoViewer" class="jares-photo-viewer">
  <div class="jares-photo-viewer-inner">
    <button class="jares-photo-close" type="button" onclick="cerrarFotoGrandeJares()">×</button>

    <button class="jares-photo-arrow jares-photo-prev" type="button" onclick="cambiarFotoGrandeJares(-1)">
      ‹
    </button>

    <img id="jaresPhotoViewerImg" src="" alt="Foto ampliada">

    <button class="jares-photo-arrow jares-photo-next" type="button" onclick="cambiarFotoGrandeJares(1)">
      ›
    </button>

    <div id="jaresPhotoCounter" class="jares-photo-counter">1 de 1</div>
  </div>
</div>

<script>
/* ============================================================
   CONFIGURACIÓN
   ============================================================ */

const numeroWhatsappJares = "5521011662";
const fotosPorPaginaJares = 4;

let galeriaActualJares = null;
let paginaActualJares = 1;
let fotoGrandeIndexJares = 0;

const galeriasJares = {
  taquizas: {
    titulo: "Taquizas",
    subtitulo: "Suadero, pastor, longaniza, guisado o la especialidad que necesites.",
    mensaje: "Hola, vi la página web de Jares Catering y quisiera información sobre taquizas.",
    fotos: [
      "/wp-content/uploads/2026/06/Taquiza-1.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-2.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-3.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-4.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-5.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-6.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-7.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-8.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-9.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-10.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-11.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-12.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-13.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-14.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-15.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-16.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-17.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-18.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-19.jpeg",
      "/wp-content/uploads/2026/06/Taquiza-20.jpeg"
    ]
  },

  box: {
    titulo: "Box lunch",
    subtitulo: "Ideal para reuniones, capacitaciones, oficinas y eventos empresariales.",
    mensaje: "Hola, vi la página web de Jares Catering y quisiera información sobre box lunch.",
    fotos: [
      "/wp-content/uploads/2026/06/Box-Lunch-1.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-2.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-3.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-4.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-5.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-6.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-7.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-8.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-9.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-10.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-11.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-12.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-13.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-14.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-15.jpeg",
      "/wp-content/uploads/2026/06/Box-Lunch-16.jpeg"
    ]
  },

  cafe: {
    titulo: "Coffee break",
    subtitulo: "Detalles dulces, bebidas y bocadillos para acompañar tus momentos.",
    mensaje: "Hola, vi la página web de Jares Catering y quisiera información sobre coffee break.",
    fotos: [
      "/wp-content/uploads/2026/06/Coffee-Break-1.jpeg",
      "/wp-content/uploads/2026/06/Coffee-Break-2.jpeg",
      "/wp-content/uploads/2026/06/Coffee-Break-3.jpeg",
      "/wp-content/uploads/2026/06/Coffee-Break-4.jpeg",
      "/wp-content/uploads/2026/06/Coffee-Break-5.jpeg",
      "/wp-content/uploads/2026/06/Coffee-Break-6.jpeg",
      "/wp-content/uploads/2026/06/Coffee-Break-7.jpeg",
      "/wp-content/uploads/2026/06/Coffee-Break-8.jpeg"
    ]
  },

  tiempos: {
    titulo: "Servicio de alimentos por tiempos",
    subtitulo: "Menús cuidados para eventos especiales con una experiencia más completa.",
    mensaje: "Hola, vi la página web de Jares Catering y quisiera información sobre servicio de alimentos por tiempos.",
    fotos: [
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-1.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-2.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-3.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-4.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-5.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-6.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-7.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-8.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-9.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-10.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-11.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-12.jpeg",
      "/wp-content/uploads/2026/06/Servicio-Por-Tiempos-13.jpeg"
    ]
  },

  eventos: {
    titulo: "Producción de eventos",
    subtitulo: "Acompañamos la organización y presentación de tu evento de principio a fin.",
    mensaje: "Hola, vi la página web de Jares Catering y quisiera información sobre producción de eventos.",
    fotos: [
      "/wp-content/uploads/2026/06/Produccion-De-Eventos-1.jpeg",
      "/wp-content/uploads/2026/06/Produccion-De-Eventos-2.jpeg",
      "/wp-content/uploads/2026/06/Produccion-De-Eventos-3.jpeg",
      "/wp-content/uploads/2026/06/Produccion-De-Eventos-4.jpeg",
      "/wp-content/uploads/2026/06/Produccion-De-Eventos-5.jpeg"
    ]
  }
};


/* ============================================================
   FUNCIONES DEL LIGHTBOX PRINCIPAL
   ============================================================ */

function abrirGaleriaJares(tipo) {
  const galeria = galeriasJares[tipo];

  if (!galeria) {
    return;
  }

  galeriaActualJares = tipo;
  paginaActualJares = 1;

  document.getElementById("jaresLightboxTitle").textContent = galeria.titulo;
  document.getElementById("jaresLightboxSubtitle").textContent = galeria.subtitulo;

  const mensajeWhatsapp = encodeURIComponent(galeria.mensaje);
  document.getElementById("jaresContactBtn").href = "https://wa.me/" + numeroWhatsappJares + "?text=" + mensajeWhatsapp;

  renderGaleriaJares();

  document.getElementById("jaresLightbox").classList.add("activo");
  document.body.style.overflow = "hidden";
}

function renderGaleriaJares() {
  const galeria = galeriasJares[galeriaActualJares];
  const grid = document.getElementById("jaresLightboxGrid");
  const pageIndicator = document.getElementById("jaresPageIndicator");
  const prevBtn = document.getElementById("jaresPrevBtn");
  const nextBtn = document.getElementById("jaresNextBtn");

  const totalPaginas = Math.ceil(galeria.fotos.length / fotosPorPaginaJares);
  const inicio = (paginaActualJares - 1) * fotosPorPaginaJares;
  const fin = inicio + fotosPorPaginaJares;
  const fotosPagina = galeria.fotos.slice(inicio, fin);

  grid.innerHTML = "";

  fotosPagina.forEach(function(foto, index) {
    const indexReal = inicio + index;

    const card = document.createElement("div");
    card.className = "jares-lightbox-card";
    card.innerHTML = `<img src="${foto}" alt="${galeria.titulo} ${indexReal + 1}" loading="lazy">`;

    card.addEventListener("click", function() {
      abrirFotoGrandeJares(indexReal);
    });

    grid.appendChild(card);
  });

  pageIndicator.textContent = "Página " + paginaActualJares + " de " + totalPaginas;

  prevBtn.disabled = paginaActualJares === 1;
  nextBtn.disabled = paginaActualJares === totalPaginas;
}

function cambiarPaginaJares(direccion) {
  const galeria = galeriasJares[galeriaActualJares];
  const totalPaginas = Math.ceil(galeria.fotos.length / fotosPorPaginaJares);

  paginaActualJares = paginaActualJares + direccion;

  if (paginaActualJares < 1) {
    paginaActualJares = 1;
  }

  if (paginaActualJares > totalPaginas) {
    paginaActualJares = totalPaginas;
  }

  renderGaleriaJares();
}

function cerrarGaleriaJares() {
  document.getElementById("jaresLightbox").classList.remove("activo");
  cerrarFotoGrandeJares();
  document.body.style.overflow = "";
}


/* ============================================================
   FUNCIONES DE FOTO GRANDE
   ============================================================ */

function abrirFotoGrandeJares(index) {
  const galeria = galeriasJares[galeriaActualJares];

  if (!galeria || !galeria.fotos[index]) {
    return;
  }

  fotoGrandeIndexJares = index;

  document.getElementById("jaresPhotoViewerImg").src = galeria.fotos[fotoGrandeIndexJares];
  document.getElementById("jaresPhotoCounter").textContent = (fotoGrandeIndexJares + 1) + " de " + galeria.fotos.length;
  document.getElementById("jaresPhotoViewer").classList.add("activo");
}

function cerrarFotoGrandeJares() {
  document.getElementById("jaresPhotoViewer").classList.remove("activo");
  document.getElementById("jaresPhotoViewerImg").src = "";
}

function cambiarFotoGrandeJares(direccion) {
  const galeria = galeriasJares[galeriaActualJares];

  if (!galeria) {
    return;
  }

  fotoGrandeIndexJares = fotoGrandeIndexJares + direccion;

  if (fotoGrandeIndexJares < 0) {
    fotoGrandeIndexJares = galeria.fotos.length - 1;
  }

  if (fotoGrandeIndexJares >= galeria.fotos.length) {
    fotoGrandeIndexJares = 0;
  }

  document.getElementById("jaresPhotoViewerImg").src = galeria.fotos[fotoGrandeIndexJares];
  document.getElementById("jaresPhotoCounter").textContent = (fotoGrandeIndexJares + 1) + " de " + galeria.fotos.length;
}


/* ============================================================
   WHATSAPP DIRECTO PARA BRINDIS
   ============================================================ */

function abrirWhatsappJares(mensaje) {
  const mensajeFinal = encodeURIComponent(mensaje);
  const url = "https://wa.me/" + numeroWhatsappJares + "?text=" + mensajeFinal;
  window.open(url, "_blank");
}


/* ============================================================
   BLOQUEAR WHATSAPP ORIGINAL Y ASIGNAR SERVICIOS POR ORDEN
   ============================================================ */

function configurarBotonesVerFotosJares() {
  const todosLosLinks = Array.from(document.querySelectorAll("a"));

  const botonesVerFotos = todosLosLinks.filter(function(link) {
    const texto = (link.textContent || "").toLowerCase();
    return texto.includes("ver fotos");
  });

  const ordenServicios = [
    "taquizas",
    "box",
    "cafe",
    "tiempos",
    "brindis",
    "eventos"
  ];

  botonesVerFotos.forEach(function(link, index) {
    const servicio = ordenServicios[index];

    if (!servicio) {
      return;
    }

    link.setAttribute("href", "javascript:void(0)");
    link.removeAttribute("target");
    link.dataset.jaresServicio = servicio;

    link.onclick = function(evento) {
      evento.preventDefault();
      evento.stopPropagation();

      if (evento.stopImmediatePropagation) {
        evento.stopImmediatePropagation();
      }

      if (servicio === "brindis") {
        abrirWhatsappJares("Hola, vi la página web de Jares Catering y quisiera información sobre brindis recepción.");
        return false;
      }

      abrirGaleriaJares(servicio);
      return false;
    };
  });
}

document.addEventListener("click", function(evento) {
  const link = evento.target.closest("a");

  if (!link || !link.dataset || !link.dataset.jaresServicio) {
    return;
  }

  evento.preventDefault();
  evento.stopPropagation();

  if (evento.stopImmediatePropagation) {
    evento.stopImmediatePropagation();
  }

  const servicio = link.dataset.jaresServicio;

  if (servicio === "brindis") {
    abrirWhatsappJares("Hola, vi la página web de Jares Catering y quisiera información sobre brindis recepción.");
    return false;
  }

  abrirGaleriaJares(servicio);
  return false;
}, true);


/* ============================================================
   CERRAR MODALES
   ============================================================ */

document.getElementById("jaresLightbox").addEventListener("click", function(evento) {
  if (evento.target.id === "jaresLightbox") {
    cerrarGaleriaJares();
  }
});

document.getElementById("jaresPhotoViewer").addEventListener("click", function(evento) {
  if (evento.target.id === "jaresPhotoViewer") {
    cerrarFotoGrandeJares();
  }
});

document.addEventListener("keydown", function(evento) {
  if (evento.key === "Escape") {
    if (document.getElementById("jaresPhotoViewer").classList.contains("activo")) {
      cerrarFotoGrandeJares();
    } else {
      cerrarGaleriaJares();
    }
  }

  if (evento.key === "ArrowLeft" && document.getElementById("jaresPhotoViewer").classList.contains("activo")) {
    cambiarFotoGrandeJares(-1);
  }

  if (evento.key === "ArrowRight" && document.getElementById("jaresPhotoViewer").classList.contains("activo")) {
    cambiarFotoGrandeJares(1);
  }
});


/* ============================================================
   INICIAR
   ============================================================ */

document.addEventListener("DOMContentLoaded", function() {
  configurarBotonesVerFotosJares();

  setTimeout(function() {
    configurarBotonesVerFotosJares();
  }, 800);

  setTimeout(function() {
    configurarBotonesVerFotosJares();
  }, 1800);
});
</script>

Nuestros clientes

La mayoría de nuestros clientes nos eligen para relaciones comerciales de largo plazo. Por menciona algunos.

Tec de Monterrey
Dystopia Films
AMV Producciones.
Genomma Lab
Tecmilenio
Detective-Stories
Cámara de diputados FE
MORENA
PAN

Contáctanos

Pregunta por tu cotización, te daremos el mejor servicio.

Telefono

5521011662

Correo electrónico

cateringjares2021@gmail.com

Dónde estámos?

CDMX

Acerca de nosotros

Nuestra historia

Somos una cooperativa formada por un grupo de mujeres,
estructurada para brindar alternativas de superación y
resolución de problemas económicos y sociales, beneficiando
principalmente al género femenino con la ilusión de generar
auto sustentabilidad en cada una de ellas.

Jares Catering

Estamos orgullosas de ofrecer una experiencia culinaria
única para cada uno de nuestros clientes. Nos encanta lo que
hacemos y nos apasiona colaborar con nuestros clientes para
crear los mejores momentos de sus vidas.

Fundamos Jares con la intención de crear un espacio
seguro para las mujeres. Desde el inicio, nos propusimos
trabajar con ingredientes frescos, y nos distinguimos por la
elegancia de nuestros platillos con ese toque hogareño.

Visión
Ser la marca líder en servicios de catering en la CDMX, destacándose por nuestra responsabilidad social por las mujeres, la excelencia en nuestro servicio y el sabor de nuestros platillos.

Misión
Brindar servicios de catering de alta calidad que superen las expectativas de nuestros clientes y excedan sus necesidades, creando experiencias únicas y memorables.

Legal

© 2026 Jares Catering. Created for free using WordPress and Kubio