{"id":211,"date":"2026-02-12T16:37:35","date_gmt":"2026-02-12T16:37:35","guid":{"rendered":"https:\/\/kaischroder1768922738498.0530257.misitiohostgator.com\/?page_id=211"},"modified":"2026-03-05T13:05:34","modified_gmt":"2026-03-05T13:05:34","slug":"recommendations","status":"publish","type":"page","link":"https:\/\/mexicanfoodservices.com\/de\/recommendations\/","title":{"rendered":"Empfehlungen"},"content":{"rendered":"    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\r\n    <!-- ===== BLOQUE 1 \u00b7 HERO VIDEO FULL WIDTH + NUEVA CURVA (L\u00cdNEA DOBLE) ===== -->\n<section class=\"mfs-hero-video mfs-hero-video--linea\" aria-label=\"Mexican Food Services hero video\">\n  <video\n    class=\"mfs-hero-video__video\"\n    autoplay\n    muted\n    loop\n    playsinline\n    preload=\"metadata\"\n  >\n    <!-- SOLO cambio aqu\u00ed -->\n    <source src=\"\/wp-content\/uploads\/2026\/02\/02121.mp4\" type=\"video\/mp4\">\n  <\/video>\n\n  <!-- NUEVA CURVA \/ L\u00cdNEA INFERIOR -->\n  <svg class=\"mfs-hero-video__curve\" viewBox=\"0 0 1440 220\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n    <path class=\"mfs-curve-base\"\n      d=\"M0,120\n         C220,200 420,40 720,120\n         C1020,200 1220,70 1440,110\n         L1440,220 L0,220 Z\" \/>\n\n    <path class=\"mfs-curve-stroke mfs-curve-stroke--1\"\n      d=\"M0,124\n         C220,196 420,48 720,124\n         C1020,196 1220,76 1440,114\" \/>\n\n    <path class=\"mfs-curve-stroke mfs-curve-stroke--2\"\n      d=\"M0,102\n         C240,160 430,54 720,102\n         C1010,160 1210,74 1440,98\" \/>\n  <\/svg>\n<\/section>\n\n<style>\n.mfs-hero-video{\n  position:relative;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  height:clamp(620px, 88vh, 920px);\n  overflow:hidden;\n  background:#000;\n}\n.mfs-hero-video__video{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n}\n.mfs-hero-video::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(to bottom, rgba(0,0,0,.28), rgba(0,0,0,.10) 55%, rgba(0,0,0,.22));\n  z-index:1;\n  pointer-events:none;\n}\n.mfs-hero-video__curve{\n  position:absolute;\n  bottom:-1px;\n  width:100%;\n  height:220px;\n  z-index:3;\n}\n.mfs-curve-base{ fill:#fff; }\n.mfs-curve-stroke{\n  fill:none;\n  stroke:rgba(0,0,0,.18);\n  stroke-width:2;\n  vector-effect:non-scaling-stroke;\n}\n.mfs-curve-stroke--2{\n  stroke:rgba(0,0,0,.12);\n  stroke-width:1.5;\n}\n.mfs-hero-video--linea .mfs-hero-video__curve{\n  filter: drop-shadow(0 -12px 22px rgba(0,0,0,.18));\n}\n@media (max-width:640px){\n  .mfs-hero-video{ height:clamp(720px, 92vh, 980px); }\n  .mfs-hero-video__curve{ height:250px; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const v = document.querySelector('.mfs-hero-video__video');\n  if (!v) return;\n  const tryPlay = () => v.play().catch(()=>{});\n  tryPlay();\n  document.addEventListener('touchstart', tryPlay, { once:true, passive:true });\n  document.addEventListener('click', tryPlay, { once:true });\n});\n<\/script>\n\n    <\/div>\r\n    \n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-2'>\r\n    <!-- ===== BLOQUE 2 \u00b7 TEXTO FULL WIDTH + LINEAS ENTRE SUBTITULO Y TITULO ===== -->\n<section class=\"mfs-hero-textFull\" aria-label=\"Mexican Food Services intro\">\n  <div class=\"mfs-hero-textFull__inner\">\n\n    <!-- SUBTITULO -->\n    <p class=\"mfs-hero-textFull__subtitle\">\n      A curated menu for every moment of your stay\n    <\/p>\n\n    <!-- LINEAS -->\n    <div class=\"mfs-hero-lines\">\n      <span class=\"mfs-line mfs-line--blue\"><\/span>\n      <span class=\"mfs-line mfs-line--orange\"><\/span>\n    <\/div>\n\n    <!-- TITULO -->\n    <h1 class=\"mfs-hero-textFull__title\">Our Recommendations<\/h1>\n\n    <!-- TEXTO -->\n    <p class=\"mfs-hero-textFull__quote\">\n      Think of this as our editor\u2019s pick \u2014 the kind of dishes and drinks people ask for again and again. Fresh ingredients, authentic flavors, and a flexible approach so you can keep it simple or go all out.\n    <\/p>\n\n  <\/div>\n<\/section>\n\n<style>\n.mfs-hero-textFull{\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  background:#fff;\n  margin-top:-90px;\n  padding: clamp(70px, 7vw, 120px) 0 16px;\n}\n\n.mfs-hero-textFull__inner{\n  max-width:1100px;\n  margin:0 auto;\n  padding:0 clamp(18px,3vw,40px);\n  text-align:center;\n}\n\n\/* SUBTITULO *\/\n.mfs-hero-textFull__subtitle{\n  margin:0 0 18px;\n  font-size:clamp(1rem,1.6vw,1.25rem);\n  opacity:.72;\n  color:#0f172a;\n}\n\n\/* ===== LINEAS ===== *\/\n.mfs-hero-lines{\n  display:flex;\n  justify-content:center;\n  gap:10px;\n  margin-bottom:20px;\n}\n\n.mfs-line{\n  height:4px;\n  border-radius:999px;\n}\n\n.mfs-line--blue{\n  width:64px;\n  background:#B3DEE5;\n}\n\n.mfs-line--orange{\n  width:40px;\n  background:#FFA101;\n}\n\n\/* TITULO *\/\n.mfs-hero-textFull__title{\n  margin:0 0 18px;\n  font-weight:800;\n  letter-spacing:-0.02em;\n  font-size:clamp(2.2rem,5vw,3.9rem);\n  line-height:1.05;\n  color:#0f172a;\n}\n\n\/* TEXTO *\/\n.mfs-hero-textFull__quote{\n  margin:0;\n  font-size:clamp(1.15rem,2.6vw,1.95rem);\n  font-weight:300;\n  line-height:1.35;\n  color:#0f172a;\n}\n\n\/* MOBILE *\/\n@media (max-width:640px){\n  .mfs-hero-textFull{\n    margin-top:-70px;\n    padding: clamp(60px,10vw,110px) 0 16px;\n  }\n\n  .mfs-line--blue{ width:46px; }\n  .mfs-line--orange{ width:28px; }\n}\n<\/style>\n    <\/div>\r\n    \n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-3'>\r\n    <!-- ===== BLOQUE NUEVO \u00b7 WHAT WE OFFER (MEX STYLE PREMIUM) \u00b7 MOBILE SLIDER ===== -->\n<section class=\"mfs-offer\" aria-label=\"What we offer\">\n  <div class=\"mfs-offer__inner\">\n\n    <!-- HEADER -->\n    <header class=\"mfs-offer__head\">\n      <h2 class=\"mfs-offer__title\">What we offer:<\/h2>\n      <p class=\"mfs-offer__lead\">Let\u2019s create an unforgettable taste experience together that will delight your guests!<\/p>\n    <\/header>\n\n    <!-- 3 FEATURES -->\n    <div class=\"mfs-offer__grid\" role=\"list\" aria-label=\"What we offer items\">\n\n      <!-- 1 \u00b7 BREAKFAST -->\n      <article class=\"mfs-offerCard\" role=\"listitem\">\n        <div class=\"mfs-offerCard__imgWrap\">\n          <img\n            class=\"mfs-offerCard__img focus-center\"\n            src=\"https:\/\/images.unsplash.com\/photo-1552332386-f8dd00dc2f85?auto=format&#038;fit=crop&#038;w=1200&#038;q=70\"\n            alt=\"Breakfast\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n        <\/div>\n        <h3 class=\"mfs-offerCard__title\">Breakfast<\/h3>\n        <p class=\"mfs-offerCard__text\">\n          Fresh, comforting, and easy to love \u2014 perfect for slow mornings.\n          <span class=\"mfs-offerCard__list\">\n            Avocado toast<br>\n            Chilaquiles<br>\n            Eggs (Rancheros, Scrambled, Omelet)<br>\n            Beans<br>\n            Quesadillas<br>\n            Quesabirrias<br>\n            Pancakes<br>\n            French toast<br>\n            Fruits<br>\n            Yogurt<br>\n            Juices &amp; Coffee\n          <\/span>\n        <\/p>\n      <\/article>\n\n      <!-- 2 \u00b7 LUNCH \/ DINNER -->\n      <article class=\"mfs-offerCard\" role=\"listitem\">\n        <div class=\"mfs-offerCard__imgWrap\">\n          <img\n            class=\"mfs-offerCard__img focus-top\"\n            src=\"https:\/\/kaischroder1768922738498.0530257.misitiohostgator.com\/wp-content\/uploads\/2026\/02\/pexels-los-muertos-crew-7772205.jpg.avif\"\n            alt=\"Lunch and Dinner\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n        <\/div>\n        <h3 class=\"mfs-offerCard__title\">Lunch \/ Dinner<\/h3>\n        <p class=\"mfs-offerCard__text\">\n          The classics, plus a few \u201cvacation favorites\u201d for the table.\n          <span class=\"mfs-offerCard__list\">\n            Steak<br>\n            Tacos<br>\n            Empanadas<br>\n            Nachos<br>\n            Enchiladas<br>\n            Chiles rellenos<br>\n            Shrimp wrapped with bacon<br>\n            Chipotle chicken<br>\n            Ceviche<br>\n            Aguachile<br>\n            Pacific fish<br>\n            Tuna<br>\n            Tostadas<br>\n            Guacamole<br>\n            Sopes\n          <\/span>\n        <\/p>\n      <\/article>\n\n      <!-- 3 \u00b7 DRINKS \/ COCKTAILS -->\n      <article class=\"mfs-offerCard\" role=\"listitem\">\n        <div class=\"mfs-offerCard__imgWrap\">\n          <img\n            class=\"mfs-offerCard__img focus-face\"\n            src=\"https:\/\/kaischroder1768922738498.0530257.misitiohostgator.com\/wp-content\/uploads\/2026\/02\/Image-by-Krisztian-Tabori.jpg.avif\"\n            alt=\"Drinks and Cocktails\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n        <\/div>\n        <h3 class=\"mfs-offerCard__title\">Drinks \/ Cocktails<\/h3>\n        <p class=\"mfs-offerCard__text\">\n          Bright during the day, iconic at night \u2014 easy to customize.\n          <span class=\"mfs-offerCard__list\">\n            Seasonal fruit waters<br>\n            Fresh juices<br>\n            Margaritas<br>\n            Cosmopolitan<br>\n            Cuba Libre<br>\n            Bloody Mary<br>\n            Mimosas\n          <\/span>\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n    <!-- MOBILE HINT (optional) -->\n    <div class=\"mfs-offer__hint\" aria-hidden=\"true\">Swipe \u2192<\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ====== BASE (match mfs-taco look) ====== *\/\n.mfs-offer{\n  position:relative;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  background:\n    radial-gradient(900px 500px at 15% 15%, rgba(22,163,74,.08), transparent 55%),\n    radial-gradient(900px 500px at 85% 25%, rgba(220,38,38,.07), transparent 58%),\n    radial-gradient(900px 500px at 70% 90%, rgba(245,158,11,.08), transparent 55%),\n    linear-gradient(#fff, #fff);\n\n  padding: 92px 0 68px;\n  color:#0f172a;\n  font-family:inherit;\n  overflow:hidden;\n}\n\n.mfs-offer__inner{\n  max-width:1180px;\n  margin:0 auto;\n  padding:0 22px;\n  position:relative;\n  z-index:2;\n}\n\n\/* ====== HEADER ====== *\/\n.mfs-offer__head{\n  text-align:center;\n  margin-bottom: 34px;\n}\n.mfs-offer__title{\n  margin:0;\n  font-size: clamp(2.0rem, 4.2vw, 3.0rem);\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n  font-weight: 650;\n  color:#0f172a;\n}\n.mfs-offer__lead{\n  margin: 14px auto 0;\n  max-width: 860px;\n  font-size: clamp(1.05rem, 1.4vw, 1.2rem);\n  line-height: 1.65;\n  color: rgba(15,23,42,.78);\n}\n\n\/* ====== GRID (DESKTOP) ====== *\/\n.mfs-offer__grid{\n  display:grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  align-items: start;\n}\n\n.mfs-offerCard{\n  background: rgba(255,255,255,.72);\n  border: 1px solid rgba(15,23,42,.10);\n  border-radius: 26px;\n  box-shadow: 0 20px 60px rgba(2,6,23,.10);\n  padding: 22px 18px 20px;\n  backdrop-filter: blur(6px);\n  overflow:hidden;\n}\n\n.mfs-offerCard__imgWrap{\n  width: 164px;\n  height: 164px;\n  border-radius: 999px;\n  overflow:hidden;\n  margin: 0 auto 18px;\n  background: #f8fafc;\n  box-shadow: 0 18px 50px rgba(2,6,23,.14);\n  border: 1px solid rgba(15,23,42,.10);\n}\n\n.mfs-offerCard__img{\n  width:100%;\n  height:100%;\n  object-fit: cover;\n  display:block;\n  transform: scale(1.02);\n  object-position: 50% 50%;\n}\n\n.mfs-offerCard__title{\n  margin: 0 0 10px;\n  text-align:center;\n  font-size: 1.2rem;\n  letter-spacing: -0.01em;\n  font-weight: 650;\n  color:#0f172a;\n}\n\n.mfs-offerCard__text{\n  margin:0;\n  text-align:center;\n  color: rgba(15,23,42,.68);\n  line-height: 1.8;\n  font-size: 1.0rem;\n}\n\n\/* ====== NEW: list styling (keeps same aesthetic) ====== *\/\n.mfs-offerCard__list{\n  display:block;\n  margin-top: 12px;\n  padding-top: 10px;\n  border-top: 1px solid rgba(15,23,42,.08);\n  color: rgba(15,23,42,.70);\n  line-height: 1.85;\n  font-size: .98rem;\n}\n\n\/* ====== focus helpers ====== *\/\n.mfs-offerCard__img.focus-center{ object-position: 50% 50%; }\n.mfs-offerCard__img.focus-top{ object-position: 50% 18%; }\n.mfs-offerCard__img.focus-bottom{ object-position: 50% 85%; }\n.mfs-offerCard__img.focus-left{ object-position: 20% 50%; }\n.mfs-offerCard__img.focus-right{ object-position: 80% 50%; }\n.mfs-offerCard__img.focus-face{ object-position: 50% 28%; }\n.mfs-offerCard__img.focus-face-up{ object-position: 50% 18%; }\n.mfs-offerCard__img.focus-face-down{ object-position: 50% 40%; }\n\n\/* ====== MOBILE SLIDER (NO JS) ====== *\/\n@media (max-width: 980px){\n  .mfs-offer__grid{\n    display:flex;\n    overflow-x:auto;\n    scroll-snap-type: x mandatory;\n    gap:16px;\n    padding: 6px 4px 10px;\n    -webkit-overflow-scrolling: touch;\n  }\n  .mfs-offer__grid::-webkit-scrollbar{ display:none; }\n\n  .mfs-offerCard{\n    flex: 0 0 82%;\n    scroll-snap-align: center;\n  }\n\n  .mfs-offer__hint{\n    display:block;\n    margin-top: 14px;\n    text-align:center;\n    font-size: .95rem;\n    color: rgba(15,23,42,.55);\n    letter-spacing: .02em;\n  }\n}\n\n\/* ====== SMALL MOBILE ====== *\/\n@media (max-width: 560px){\n  .mfs-offer{ padding: 80px 0 56px; }\n  .mfs-offerCard__imgWrap{ width: 150px; height: 150px; }\n  .mfs-offerCard__text{ font-size: .98rem; }\n}\n\n\/* Hide hint on desktop *\/\n.mfs-offer__hint{ display:none; }\n<\/style>\n    <\/div>\r\n    \n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-4'>\r\n    <!-- ===== BLOQUE NUEVO \u00b7 EDITORIAL SPLIT (REVISTA PREMIUM) ===== -->\n<section class=\"mfs-editSplit\" aria-label=\"Editorial menu story\">\n  <div class=\"mfs-editSplit__inner\">\n\n    <!-- LEFT: editorial copy -->\n    <div class=\"mfs-editSplit__copy\">\n\n      <header class=\"mfs-editSplit__head\">\n        <div class=\"mfs-editSplit__kicker\">Our Recommendations<\/div>\n        <h2 class=\"mfs-editSplit__title\">A curated menu for every moment<\/h2>\n        <p class=\"mfs-editSplit__sub\">\n          Built for comfort, freshness, and that Riviera feeling \u2014 easy to keep simple or elevate for a special occasion.\n        <\/p>\n      <\/header>\n\n      <article class=\"mfs-editSplit__block\">\n        <h3 class=\"mfs-editSplit__h\">Breakfast<\/h3>\n        <p class=\"mfs-editSplit__p\">\n          Mornings in the Riviera are made for slow starts: coffee on the terrace, a warm breeze, and something truly\n          satisfying on the table. Our breakfast selection is built around comfort and freshness \u2014 from avocado toast\n          and chilaquiles to eggs made your way, with fruits, yogurt, and juices to match.\n        <\/p>\n      <\/article>\n\n      <article class=\"mfs-editSplit__block\">\n        <h3 class=\"mfs-editSplit__h\">Lunch &amp; Dinner<\/h3>\n        <p class=\"mfs-editSplit__p\">\n          When the day moves on, the menu leans into bold, shareable favorites. Lunch and dinner are where the classics\n          shine: tacos, enchiladas, chiles rellenos and sopes \u2014 plus ocean-forward options like ceviche, aguachile and tuna.\n          If you want something extra, go for steak or shrimp wrapped with bacon \u2014 the kind of \u201cvacation meal\u201d people remember.\n        <\/p>\n      <\/article>\n\n      <article class=\"mfs-editSplit__block\">\n        <h3 class=\"mfs-editSplit__h\">Drinks &amp; Cocktails<\/h3>\n        <p class=\"mfs-editSplit__p\">\n          And because every great table deserves a great pour, we finish with drinks that fit the mood. Seasonal fruit\n          waters and fresh juices keep things bright during the day, while margaritas, mimosas and timeless cocktails set\n          the tone for sunset.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n    <!-- RIGHT: CTA card -->\n    <aside class=\"mfs-editSplit__side\" aria-label=\"Tell us your dates\">\n      <div class=\"mfs-editSplit__card\">\n        <div class=\"mfs-editSplit__chip\">Plan it with us<\/div>\n        <h3 class=\"mfs-editSplit__sideTitle\">Tell us your dates<\/h3>\n        <p class=\"mfs-editSplit__sideText\">\n          We\u2019ll recommend a simple plan based on your group size \u2014 with a menu that fits your vibe and schedule.\n        <\/p>\n\n        <div class=\"mfs-editSplit__actions\">\n          <!-- \u2705 Ahora va a la p\u00e1gina de contacto -->\n          <a class=\"mfs-editSplit__btn\" href=\"\/contact\/\">\n            Tell us your dates <span aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n          <div class=\"mfs-editSplit__hint\">\n            Quick message \u00b7 No pressure \u00b7 Fast reply\n          <\/div>\n        <\/div>\n\n        <div class=\"mfs-editSplit__meta\" aria-hidden=\"true\">\n          Breakfast \u00b7 Lunch\/Dinner \u00b7 Drinks\n        <\/div>\n      <\/div>\n    <\/aside>\n\n  <\/div>\n<\/section>\n\n<style>\n.mfs-editSplit{\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  background:#fff;\n  padding: clamp(60px, 7vw, 110px) 0;\n  color:#0f172a;\n  font-family: inherit;\n}\n\n.mfs-editSplit__inner{\n  max-width: 1120px;\n  margin: 0 auto;\n  padding: 0 clamp(18px, 3vw, 40px);\n  display: grid;\n  grid-template-columns: 1.55fr .85fr;\n  gap: clamp(18px, 3vw, 34px);\n  align-items: start;\n}\n\n.mfs-editSplit__kicker{\n  font-size: .85rem;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: rgba(15,23,42,.55);\n}\n\n.mfs-editSplit__title{\n  margin: 10px 0 8px;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  font-size: clamp(1.9rem, 3.6vw, 2.6rem);\n  line-height: 1.08;\n}\n\n.mfs-editSplit__sub{\n  margin: 0;\n  font-size: clamp(1rem, 1.3vw, 1.12rem);\n  line-height: 1.7;\n  color: rgba(15,23,42,.72);\n  max-width: 60ch;\n}\n\n.mfs-editSplit__block{\n  margin-top: 22px;\n  padding-top: 18px;\n  border-top: 1px solid rgba(15,23,42,.10);\n}\n\n.mfs-editSplit__h{\n  margin: 0 0 10px;\n  font-size: 1.05rem;\n  font-weight: 750;\n}\n\n.mfs-editSplit__p{\n  margin: 0;\n  font-size: clamp(1.02rem, 1.25vw, 1.1rem);\n  line-height: 1.85;\n  color: rgba(15,23,42,.76);\n}\n\n.mfs-editSplit__card{\n  border-radius: 24px;\n  border: 1px solid rgba(15,23,42,.10);\n  background: rgba(255,255,255,.78);\n  box-shadow: 0 22px 70px rgba(2,6,23,.10);\n  padding: 18px;\n}\n\n.mfs-editSplit__chip{\n  display:inline-block;\n  padding: 6px 12px;\n  border-radius: 999px;\n  border: 1px solid rgba(15,23,42,.10);\n  font-size: .85rem;\n  font-weight: 600;\n  color: rgba(15,23,42,.75);\n}\n\n.mfs-editSplit__sideTitle{\n  margin: 12px 0 8px;\n  font-size: 1.35rem;\n  font-weight: 800;\n}\n\n.mfs-editSplit__sideText{\n  font-size: 1rem;\n  line-height: 1.75;\n  color: rgba(15,23,42,.72);\n}\n\n.mfs-editSplit__actions{\n  margin-top: 14px;\n  padding-top: 14px;\n  border-top: 1px solid rgba(15,23,42,.10);\n}\n\n.mfs-editSplit__btn{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap: 8px;\n  text-decoration:none;\n  color:#0f172a;\n  font-weight: 700;\n  padding: 12px 16px;\n  border-radius: 999px;\n  border: 1px solid rgba(15,23,42,.14);\n  background: #fff;\n  box-shadow: 0 16px 45px rgba(2,6,23,.10);\n  transition: all .2s ease;\n}\n\n.mfs-editSplit__btn:hover{\n  transform: translateY(-2px);\n  box-shadow: 0 20px 60px rgba(2,6,23,.14);\n}\n\n.mfs-editSplit__hint{\n  margin-top:8px;\n  font-size: .9rem;\n  color: rgba(15,23,42,.60);\n}\n\n.mfs-editSplit__meta{\n  margin-top: 14px;\n  font-size: .85rem;\n  color: rgba(15,23,42,.55);\n}\n\n@media (max-width: 980px){\n  .mfs-editSplit__inner{\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n\n\n    <\/div>\r\n    \n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-5'>\r\n    <!-- ============== MFS \u00b7 EDITORIAL COLLAGE (FOCUS POINTS) + LIGHTBOX \u00b7 12 IMAGES ============== -->\n<section class=\"mfs-edcol\" aria-label=\"Editorial photo collage\">\n  <div class=\"mfs-edcol-inner\">\n    <div class=\"mfs-edcol-grid\" aria-label=\"Photo collage grid\">\n\n      <!-- TOP ROW (4) -->\n      <a class=\"mfs-edcol-card mfs-t1 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.51.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.51.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-t2 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.43.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.43.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-t3 focus-top\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.36.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.36.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-t4 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.26.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.26.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <!-- MIDDLE ROW (3) -->\n      <a class=\"mfs-edcol-card mfs-b1 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.19.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.19.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-b2 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.36.53.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.36.53.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-b3 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.36.47.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.36.47.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <!-- EXTRA ROW (5) = TOTAL 12 -->\n      <a class=\"mfs-edcol-card mfs-c1 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.36.39.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.36.39.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-c2 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.36.31.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.36.31.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-c3 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.36.23.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.36.23.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-c4 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.00.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.00.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-c5 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.07.jpg\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Captura-de-pantalla-2026-02-17-a-las-11.37.07.jpg\"\n             alt=\"Mexican Food Services\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n  <!-- LIGHTBOX -->\n  <div class=\"mfs-edcol-lb\" aria-hidden=\"true\">\n    <div class=\"mfs-edcol-lb__bg\" data-close=\"1\"><\/div>\n    <figure class=\"mfs-edcol-lb__panel\" role=\"dialog\" aria-label=\"Image preview\">\n      <button class=\"mfs-edcol-lb__x\" type=\"button\" aria-label=\"Close\" data-close=\"1\">\u00d7<\/button>\n      <img class=\"mfs-edcol-lb__img\" alt=\"\" \/>\n    <\/figure>\n  <\/div>\n\n  <style>\n    .mfs-edcol{ padding: clamp(18px, 3vw, 34px) 0; background:#fff; }\n    .mfs-edcol-inner{ max-width:1240px; margin:0 auto; padding:0 18px; }\n\n    .mfs-edcol-grid{\n      display:grid;\n      grid-template-columns: repeat(12, 1fr);\n      gap:18px;\n      align-items:stretch;\n    }\n\n    .mfs-edcol-card{\n      display:block;\n      position:relative;\n      overflow:hidden;\n      border-radius:22px;\n      background:#f8fafc;\n      box-shadow:0 18px 40px rgba(15,23,42,.10);\n      transform: translateZ(0);\n      cursor: zoom-in;\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    .mfs-edcol-card img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      display:block;\n      transform: scale(1.01);\n      transition: transform .22s ease, object-position .22s ease;\n      object-position: 50% 50%;\n    }\n    .mfs-edcol-card:hover img{ transform: scale(1.05); }\n\n    \/* Focus points *\/\n    .focus-center img{ object-position: 50% 50%; }\n    .focus-top img{ object-position: 50% 18%; }\n    .focus-bottom img{ object-position: 50% 85%; }\n    .focus-left img{ object-position: 20% 50%; }\n    .focus-right img{ object-position: 80% 50%; }\n    .focus-face img{ object-position: 50% 28%; }\n\n    \/* Desktop layout original (7) *\/\n    .mfs-t1{ grid-column: 1 \/ span 3;  height: 150px; }\n    .mfs-t2{ grid-column: 4 \/ span 5;  height: 220px; }\n    .mfs-t3{ grid-column: 9 \/ span 3;  height: 180px; }\n    .mfs-t4{ grid-column: 12 \/ span 1; height: 220px; }\n\n    .mfs-b1{ grid-column: 1 \/ span 4;  height: 240px; }\n    .mfs-b2{ grid-column: 5 \/ span 4;  height: 240px; }\n    .mfs-b3{ grid-column: 9 \/ span 4;  height: 240px; }\n\n    \/* Extra row (5) *\/\n    .mfs-c1{ grid-column: 1 \/ span 3;  height: 200px; }\n    .mfs-c2{ grid-column: 4 \/ span 3;  height: 200px; }\n    .mfs-c3{ grid-column: 7 \/ span 2;  height: 200px; }\n    .mfs-c4{ grid-column: 9 \/ span 2;  height: 200px; }\n    .mfs-c5{ grid-column: 11 \/ span 2; height: 200px; }\n\n    @media (max-width: 980px){\n      .mfs-edcol-grid{ gap:14px; }\n\n      .mfs-t1{ grid-column: 1 \/ span 5;  height: 150px; }\n      .mfs-t2{ grid-column: 6 \/ span 7;  height: 210px; }\n      .mfs-t3{ grid-column: 1 \/ span 7;  height: 190px; }\n      .mfs-t4{ grid-column: 8 \/ span 5;  height: 190px; }\n\n      .mfs-b1{ grid-column: 1 \/ span 6;  height: 220px; }\n      .mfs-b2{ grid-column: 7 \/ span 6;  height: 220px; }\n      .mfs-b3{ grid-column: 1 \/ span 12; height: 220px; }\n\n      .mfs-c1{ grid-column: 1 \/ span 6;  height: 190px; }\n      .mfs-c2{ grid-column: 7 \/ span 6;  height: 190px; }\n      .mfs-c3{ grid-column: 1 \/ span 4;  height: 180px; }\n      .mfs-c4{ grid-column: 5 \/ span 4;  height: 180px; }\n      .mfs-c5{ grid-column: 9 \/ span 4;  height: 180px; }\n    }\n\n    \/* MOBILE: collage mosaic (2 columns) *\/\n    @media (max-width: 640px){\n      .mfs-edcol-grid{\n        grid-template-columns: repeat(2, 1fr);\n        gap:12px;\n      }\n\n      .mfs-t1,.mfs-t2,.mfs-t3,.mfs-t4,\n      .mfs-b1,.mfs-b2,.mfs-b3,\n      .mfs-c1,.mfs-c2,.mfs-c3,.mfs-c4,.mfs-c5{\n        grid-column: auto;\n        height: 170px;\n      }\n\n      \/* un poquito de ritmo visual (editorial) *\/\n      .mfs-t2,.mfs-b1,.mfs-c2,.mfs-c5{ height: 210px; }\n    }\n\n    \/* LIGHTBOX *\/\n    .mfs-edcol-lb{ position:fixed; inset:0; z-index:99999; display:none; }\n    .mfs-edcol-lb.is-open{ display:grid; place-items:center; }\n    .mfs-edcol-lb__bg{\n      position:absolute; inset:0;\n      background: rgba(0,0,0,.72);\n      backdrop-filter: blur(4px);\n      -webkit-backdrop-filter: blur(4px);\n    }\n    .mfs-edcol-lb__panel{\n      position:relative; margin:0;\n      width:min(1040px, calc(100vw - 28px));\n      max-height: calc(100vh - 28px);\n      border-radius:18px; overflow:hidden;\n      background:#0b0b0b;\n      box-shadow:0 18px 55px rgba(0,0,0,.35);\n      transform: translateY(8px);\n      animation: mfsEdIn .18s ease forwards;\n      z-index:2;\n    }\n    @keyframes mfsEdIn{ to{ transform: translateY(0); } }\n    .mfs-edcol-lb__img{\n      width:100%;\n      height:auto;\n      max-height: calc(100vh - 28px);\n      object-fit: contain;\n      display:block;\n      background:#0b0b0b;\n    }\n    .mfs-edcol-lb__x{\n      position:absolute; top:10px; right:10px;\n      width:42px; height:42px;\n      border-radius:999px;\n      border:1px solid rgba(255,255,255,.25);\n      background: rgba(15,15,15,.35);\n      color:#fff;\n      font-size:28px;\n      line-height:1;\n      cursor:pointer;\n      display:grid;\n      place-items:center;\n      z-index:3;\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n    }\n  <\/style>\n\n  <script>\n    (function(){\n      const root = document.querySelector('.mfs-edcol');\n      if(!root) return;\n\n      const cards = Array.from(root.querySelectorAll('.mfs-edcol-card[data-full]'));\n      const lb = root.querySelector('.mfs-edcol-lb');\n      const img = root.querySelector('.mfs-edcol-lb__img');\n      const closeEls = Array.from(root.querySelectorAll('[data-close=\"1\"]'));\n      if(!cards.length || !lb || !img) return;\n\n      let current = 0;\n\n      function openAt(i){\n        current = i;\n        img.src = cards[current].getAttribute('data-full');\n        lb.classList.add('is-open');\n        lb.setAttribute('aria-hidden','false');\n        document.documentElement.style.overflow = 'hidden';\n      }\n      function close(){\n        lb.classList.remove('is-open');\n        lb.setAttribute('aria-hidden','true');\n        img.src = '';\n        document.documentElement.style.overflow = '';\n      }\n      function next(){\n        current = (current + 1) % cards.length;\n        img.src = cards[current].getAttribute('data-full');\n      }\n      function prev(){\n        current = (current - 1 + cards.length) % cards.length;\n        img.src = cards[current].getAttribute('data-full');\n      }\n\n      cards.forEach((a,i)=>{\n        a.addEventListener('click', (e)=>{ e.preventDefault(); openAt(i); });\n      });\n      closeEls.forEach(el => el.addEventListener('click', close));\n\n      window.addEventListener('keydown', (e)=>{\n        if(!lb.classList.contains('is-open')) return;\n        if(e.key === 'Escape') close();\n        if(e.key === 'ArrowRight') next();\n        if(e.key === 'ArrowLeft') prev();\n      });\n    })();\n  <\/script>\n<\/section>\n    <\/div>\r\n    \n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-6'>\r\n    <!-- ================== YOU MAY ALSO BE INTERESTED (OPTIMIZADO \u00b7 overlay SOLO en fotos) ================== -->\n<section id=\"mfs-related\" class=\"mfs-rel4\" aria-label=\"You may also be interested\">\n\n  <div class=\"mfs-rel4__header\">\n    <h2 class=\"mfs-rel4__title\">You may also be interested<\/h2>\n\n    <div class=\"mfs-rel4__controls\">\n      <button class=\"mfs-rel4__btn mfs-rel4__prev\" type=\"button\" aria-label=\"Previous\">\u2039<\/button>\n      <button class=\"mfs-rel4__btn mfs-rel4__next\" type=\"button\" aria-label=\"Next\">\u203a<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"mfs-rel4__track\" tabindex=\"0\" aria-label=\"Recommendations carousel\">\n\n    <!-- 1 -->\n    <a class=\"mfs-rel4__card\" href=\"\/cooking-lessons\/\"\n       style=\"--bg:url('https:\/\/images.unsplash.com\/photo-1540189549336-e6e99c3679fe?auto=format&#038;fit=crop&#038;w=2400&#038;q=80');\">\n      <div class=\"mfs-rel4__content\">\n        <h3>Cooking Lessons<\/h3>\n        <p>Hands-on Mexican cooking classes \u2014 fun, authentic and unforgettable.<\/p>\n        <span class=\"mfs-rel4__cta\">Explore \u2192<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- 2 -->\n    <a class=\"mfs-rel4__card\" href=\"\/taco-buffet\/\"\n       style=\"--bg:url('https:\/\/images.unsplash.com\/photo-1600891964599-f61ba0e24092?auto=format&#038;fit=crop&#038;w=2400&#038;q=80');\">\n      <div class=\"mfs-rel4__content\">\n        <h3>Taco Buffet<\/h3>\n        <p>An interactive taco station experience with fresh ingredients and authentic Mexican flavors.<\/p>\n        <span class=\"mfs-rel4__cta\">Explore \u2192<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- 3 -->\n    <a class=\"mfs-rel4__card\" href=\"\/rent-a-chef\/\"\n       style=\"--bg:url('https:\/\/images.unsplash.com\/photo-1552332386-f8dd00dc2f85?auto=format&#038;fit=crop&#038;w=2400&#038;q=80');\">\n      <div class=\"mfs-rel4__content\">\n        <h3>Rent a Chef<\/h3>\n        <p>Book a private chef for your stay and enjoy a fully personalized culinary experience at home.<\/p>\n        <span class=\"mfs-rel4__cta\">Explore \u2192<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- 4 -->\n    <a class=\"mfs-rel4__card\" href=\"\/cooking-lessons\/\"\n       style=\"--bg:url('https:\/\/images.unsplash.com\/photo-1506368083636-6defb67639a7?auto=format&#038;fit=crop&#038;w=2400&#038;q=80');\">\n      <div class=\"mfs-rel4__content\">\n        <h3>Cooking Lessons<\/h3>\n        <p>Discover traditional recipes, techniques and flavors guided by our expert chefs.<\/p>\n        <span class=\"mfs-rel4__cta\">Explore \u2192<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- 5 \u00b7 BBQ (NEW) -->\n    <a class=\"mfs-rel4__card\" href=\"\/barbecue-service\/\"\n       style=\"--bg:url('https:\/\/images.unsplash.com\/photo-1529193591184-b1d58069ecdd?auto=format&#038;fit=crop&#038;w=2400&#038;q=80');\">\n      <div class=\"mfs-rel4__content\">\n        <h3>Barbecue Service<\/h3>\n        <p>On-site BBQ prepared by our chefs \u2014 grilled specialties, fresh sides and a relaxed villa vibe.<\/p>\n        <span class=\"mfs-rel4__cta\">Explore \u2192<\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n  <style>\n    .mfs-rel4{\n      width:100vw;\n      margin-left:calc(50% - 50vw);\n      margin-right:calc(50% - 50vw);\n      padding:90px 0;\n      background:linear-gradient(180deg,#eef8f5 0%,#ffffff 55%,#eef8f5 100%);\n      overflow:hidden;\n    }\n\n    .mfs-rel4__header{\n      max-width:1200px;\n      margin:0 auto 20px;\n      padding:0 30px;\n      position:relative;\n    }\n\n    .mfs-rel4__title{\n      font-size:clamp(36px,4vw,64px);\n      font-weight:900;\n      color:#0f172a;\n      margin:0;\n    }\n\n    .mfs-rel4__controls{\n      position:absolute;\n      right:30px;\n      top:0;\n      display:flex;\n      gap:12px;\n      z-index:5;\n    }\n\n    .mfs-rel4__btn{\n      width:44px;\n      height:44px;\n      border-radius:50%;\n      border:1px solid rgba(0,0,0,.1);\n      background:#fff;\n      font-size:24px;\n      cursor:pointer;\n      transition:.2s ease;\n    }\n    .mfs-rel4__btn:hover{ transform:translateY(-2px); }\n\n    .mfs-rel4__track{\n      display:flex;\n      gap:12px;\n      overflow-x:auto;\n      scroll-snap-type:x mandatory;\n      scroll-behavior:smooth;\n      padding:10px 14vw 30px;\n      -webkit-overflow-scrolling:touch;\n      scrollbar-width:none;\n    }\n    .mfs-rel4__track::-webkit-scrollbar{display:none;}\n\n    .mfs-rel4__card{\n      flex:0 0 70vw;\n      scroll-snap-align:center;\n      position:relative;\n      border-radius:26px;\n      overflow:hidden; \/* \u2705 overlay SIEMPRE recortado dentro del card *\/\n      text-decoration:none;\n\n      background-image:var(--bg);\n      background-size:cover;\n      background-position:center;\n      background-repeat:no-repeat;\n\n      min-height:500px;\n      transform:scale(.97);\n      transition:transform .4s cubic-bezier(.22,.61,.36,1),\n                box-shadow .4s ease;\n\n      \/* \u2705 sombra m\u00e1s limpia: evita \u201chalo\u201d oscuro sobre el fondo verdoso *\/\n      box-shadow:0 10px 30px rgba(0,0,0,.10);\n    }\n\n    @media (min-width:1000px){\n      .mfs-rel4__track{ padding:10px 18vw 30px; }\n      .mfs-rel4__card{ flex-basis:60vw; }\n    }\n\n    \/* \u2705 OVERLAY \u00daNICO (solo abajo, para texto) *\/\n    .mfs-rel4__card::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      border-radius:inherit;\n      pointer-events:none;\n      background:linear-gradient(\n        180deg,\n        rgba(0,0,0,0) 42%,\n        rgba(0,0,0,.55) 100%\n      );\n    }\n\n    \/* \u274c Eliminamos la capa que oscurec\u00eda TODO + la segunda capa *\/\n    .mfs-rel4__card::after{ content:none; }\n\n    .mfs-rel4__content{\n      position:absolute;\n      bottom:30px;\n      left:30px;\n      right:30px;\n      z-index:2;\n      color:#fff;\n    }\n\n    \/* TITULOS BLANCOS (forzado) *\/\n    .mfs-rel4 .mfs-rel4__content h3{\n      margin:0 0 12px;\n      font-size:30px;\n      font-weight:900;\n      color:#fff !important;\n      text-shadow:0 2px 10px rgba(0,0,0,.55);\n    }\n\n    .mfs-rel4__content p{\n      margin:0 0 18px;\n      max-width:60ch;\n      opacity:.95;\n    }\n\n    .mfs-rel4__cta{\n      display:inline-block;\n      padding:10px 18px;\n      border-radius:999px;\n      background:#fff;\n      color:#0f172a;\n      font-weight:800;\n      font-size:13px;\n    }\n\n    \/* hover sutil *\/\n    @media (hover:hover){\n      .mfs-rel4__card:hover{\n        transform:scale(.99);\n        box-shadow:0 16px 44px rgba(0,0,0,.12);\n      }\n    }\n  <\/style>\n\n  <script>\n    (function(){\n      const root  = document.currentScript.parentElement;\n      const track = root.querySelector('.mfs-rel4__track');\n      const cards = Array.from(root.querySelectorAll('.mfs-rel4__card'));\n      const prev  = root.querySelector('.mfs-rel4__prev');\n      const next  = root.querySelector('.mfs-rel4__next');\n\n      if(!track || cards.length === 0) return;\n\n      function step(){\n        const gap = 12;\n        return cards[0].getBoundingClientRect().width + gap;\n      }\n\n      prev && prev.addEventListener('click',()=> track.scrollBy({left:-step(),behavior:'smooth'}));\n      next && next.addEventListener('click',()=> track.scrollBy({left: step(),behavior:'smooth'}));\n\n      \/* centra la 2da card al cargar (como tu original) *\/\n      requestAnimationFrame(()=>{\n        const card = cards[1];\n        if(!card) return;\n        const target = card.offsetLeft - (track.clientWidth - card.clientWidth)\/2;\n        track.scrollTo({left: Math.max(0, target), behavior:'auto'});\n      });\n    })();\n  <\/script>\n\n<\/section>\n<!-- ================== \/YOU MAY ALSO BE INTERESTED ================== -->    <\/div>\r\n    \n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-7'>\r\n    <!-- ============== MFS \u00b7 STATS FULL WIDTH REAL ============== -->\n<section class=\"mfs-trust\" aria-label=\"Mexican Food Services stats\">\n\n<div class=\"mfs-trust-inner\">\n\n<div class=\"mfs-stats\">\n\n<!-- 1 -->\n<div class=\"mfs-stat\">\n<div class=\"mfs-stat-number\">+300<\/div>\n<div class=\"mfs-stat-label\">EVENTS SERVED<\/div>\n<\/div>\n\n<!-- 2 -->\n<div class=\"mfs-stat\">\n<div class=\"mfs-stat-number\">4.9 \u2605<\/div>\n<div class=\"mfs-stat-label\">AVERAGE RATING<\/div>\n<\/div>\n\n<!-- 3 -->\n<div class=\"mfs-stat\">\n<div class=\"mfs-stat-number\">Since 2021<\/div>\n<div class=\"mfs-stat-label\">PLAYA DEL CARMEN<\/div>\n<\/div>\n\n<!-- 4 CLICKABLE -->\n<a class=\"mfs-stat\" href=\"https:\/\/wa.me\/529842095463\" target=\"_blank\" rel=\"noopener\">\n\n<div class=\"mfs-stat-number\">WhatsApp<\/div>\n<div class=\"mfs-stat-label\">FAST RESPONSE<\/div>\n\n<\/a>\n\n<\/div>\n\n<div class=\"mfs-seals\">\n<div class=\"mfs-seals-title\">REVIEWS &#038; PLATFORMS<\/div>\n\n<div class=\"mfs-seals-row\">\n<img decoding=\"async\" src=\"https:\/\/mexperiencetravel.com\/wp-content\/uploads\/2026\/01\/Google-Review-Logo-1-scaled.png\">\n<img decoding=\"async\" src=\"https:\/\/mexperiencetravel.com\/wp-content\/uploads\/2026\/01\/tripadvisor-seeklogo.png\">\n<img decoding=\"async\" src=\"https:\/\/mexperiencetravel.com\/wp-content\/uploads\/2026\/01\/SECTUR_Logo__2024.png\">\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<style>\n.mfs-trust{\nposition:relative;\nleft:50%;\nright:50%;\nmargin-left:-50vw;\nmargin-right:-50vw;\nwidth:100vw;\nmax-width:100vw;\nbackground:linear-gradient(#efe6db,#e8ddd0);\npadding:60px 0;\n}\n\n.mfs-trust-inner{\npadding:0 clamp(20px,5vw,80px);\n}\n\n.mfs-stats{\ndisplay:grid;\ngrid-template-columns:repeat(4,1fr);\ngap:22px;\n}\n\n.mfs-stat{\nbackground:#fff;\nborder-radius:22px;\npadding:22px;\ntext-align:center;\nbox-shadow:0 14px 34px rgba(0,0,0,.12);\ntext-decoration:none;\ncolor:inherit;\ntransition:.18s;\n}\n\n.mfs-stat:hover{\ntransform:translateY(-3px);\n}\n\n.mfs-stat-number{\nfont-size:clamp(28px,2.6vw,46px);\nfont-weight:900;\n}\n\n.mfs-stat-label{\nmargin-top:6px;\nfont-size:12px;\nletter-spacing:.18em;\nfont-weight:800;\ncolor:#6d6d6d;\n}\n\n.mfs-seals{\nmargin-top:30px;\ntext-align:center;\n}\n\n.mfs-seals-title{\nfont-size:11px;\nletter-spacing:.22em;\nfont-weight:900;\ncolor:#777;\nmargin-bottom:14px;\n}\n\n.mfs-seals-row{\ndisplay:flex;\njustify-content:center;\ngap:30px;\nflex-wrap:wrap;\n}\n\n.mfs-seals-row img{\nheight:32px;\nopacity:.7;\nfilter:grayscale(1);\ntransition:.2s;\n}\n\n.mfs-seals-row img:hover{\nopacity:.95;\nfilter:none;\n}\n\n@media(max-width:980px){\n.mfs-stats{grid-template-columns:repeat(2,1fr);}\n}\n\n@media(max-width:520px){\n.mfs-stats{grid-template-columns:1fr;}\n}\n<\/style>\n\n<\/section>    <\/div>\r\n    \n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-8'>\r\n    <?php\nadd_action('wp_footer', function () { ?>\n<!-- ================== MFS \u00b7 FLOATING ACTION MENU (CONTACT VERSION) ================== -->\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<nav class=\"mfs-fam\" aria-label=\"Quick actions\">\n\n  <!-- LANG -->\n  <div class=\"mfs-fam__lang\">\n    <button class=\"mfs-fam__pill mfs-fam__pill--lang\" type=\"button\" id=\"mfsFamLangBtn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n      <span class=\"mfs-fam__ico\" aria-hidden=\"true\">\n        <img decoding=\"async\" id=\"mfsFamFlag\" src=\"https:\/\/flagcdn.com\/w40\/mx.png\" alt=\"\">\n      <\/span>\n      <span class=\"mfs-fam__txt\">Idioma<\/span>\n      <span class=\"mfs-fam__chev\" aria-hidden=\"true\">\u25be<\/span>\n    <\/button>\n\n    <div class=\"mfs-fam__langlist\" role=\"menu\" aria-label=\"Choose language\">\n      <a href=\"#\" class=\"mfs-fam__langitem\" data-lang=\"es\" role=\"menuitem\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/mx.png\" alt=\"Espa\u00f1ol\"><span>Espa\u00f1ol<\/span><\/a>\n      <a href=\"#\" class=\"mfs-fam__langitem\" data-lang=\"en\" role=\"menuitem\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\" alt=\"English\"><span>English<\/span><\/a>\n      <a href=\"#\" class=\"mfs-fam__langitem\" data-lang=\"de\" role=\"menuitem\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/de.png\" alt=\"Deutsch\"><span>Deutsch<\/span><\/a>\n    <\/div>\n  <\/div>\n\n  <!-- CALL -->\n  <a class=\"mfs-fam__pill\" href=\"tel:+529842095463\" aria-label=\"Call\">\n    <span class=\"mfs-fam__ico\" aria-hidden=\"true\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\n    <span class=\"mfs-fam__txt\">Llamar<\/span>\n  <\/a>\n\n  <!-- WHATSAPP -->\n  <a class=\"mfs-fam__pill mfs-fam__pill--wa\" href=\"https:\/\/wa.me\/529842095463\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\n    <span class=\"mfs-fam__ico\" aria-hidden=\"true\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/span>\n    <span class=\"mfs-fam__txt\">WhatsApp<\/span>\n  <\/a>\n\n  <!-- CONTACT PAGE (JS lo ajusta seg\u00fan idioma) -->\n  <a class=\"mfs-fam__pill\" href=\"\/contact\" id=\"mfsFamContactLink\" aria-label=\"Contact page\">\n    <span class=\"mfs-fam__ico\" aria-hidden=\"true\"><i class=\"fa-regular fa-envelope\"><\/i><\/span>\n    <span class=\"mfs-fam__txt\">Contacto<\/span>\n  <\/a>\n\n<\/nav>\n\n<style>\n.mfs-fam{\n  position:fixed;\n  right:20px;\n  bottom:20px;\n  z-index:99999;\n  display:flex;\n  flex-direction:column;\n  gap:10px;\n  font-family:inherit;\n}\n\n.mfs-fam__pill{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  min-width:160px;\n  height:54px;\n  padding:0 14px;\n  border-radius:999px;\n  background:rgba(255,255,255,.92);\n  border:1px solid rgba(0,0,0,.09);\n  box-shadow:0 14px 34px rgba(0,0,0,.18);\n  text-decoration:none;\n  color:#0f172a;\n  font-weight:800;\n  transition:.22s;\n  -webkit-backdrop-filter:blur(10px);\n  backdrop-filter:blur(10px);\n}\n.mfs-fam__pill:hover{ transform:translateY(-3px); }\n\n.mfs-fam__ico{\n  width:34px;height:34px;\n  border-radius:50%;\n  display:grid;\n  place-items:center;\n  background:rgba(15,23,42,.06);\n  border:1px solid rgba(15,23,42,.08);\n}\n.mfs-fam__ico i{ font-size:18px; }\n.mfs-fam__ico img{ width:22px; height:16px; border-radius:3px; }\n\n.mfs-fam__pill--wa{ background:#25D366; color:#fff; }\n.mfs-fam__pill--wa .mfs-fam__ico{ background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.22); }\n.mfs-fam__pill--wa i{ color:#fff; }\n\n.mfs-fam__lang{ position:relative; }\n\n.mfs-fam__langlist{\n  position:absolute;\n  right:0;\n  bottom:62px;\n  width:200px;\n  padding:10px;\n  border-radius:16px;\n  background:#fff;\n  box-shadow:0 18px 46px rgba(0,0,0,.22);\n  display:flex;\n  flex-direction:column;\n  gap:8px;\n  opacity:0;\n  pointer-events:none;\n  transform:translateY(10px);\n  transition:.2s;\n}\n.mfs-fam__lang.is-open .mfs-fam__langlist{\n  opacity:1;\n  pointer-events:auto;\n  transform:none;\n}\n\n.mfs-fam__langitem{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  padding:10px;\n  border-radius:12px;\n  text-decoration:none;\n  color:#0f172a;\n  font-weight:700;\n}\n.mfs-fam__langitem:hover{ background:rgba(245,158,11,.12); }\n\n\/* MOBILE DOCK *\/\n@media(max-width:640px){\n  .mfs-fam{\n    left:50%;\n    right:auto;\n    transform:translateX(-50%);\n    bottom:18px;\n    flex-direction:row;\n    padding:8px 10px;\n    border-radius:999px;\n    background:rgba(255,255,255,.9);\n    -webkit-backdrop-filter:blur(12px);\n    backdrop-filter:blur(12px);\n    box-shadow:0 18px 50px rgba(0,0,0,.25);\n    border:1px solid rgba(0,0,0,.08);\n  }\n  .mfs-fam__pill{\n    width:52px;\n    min-width:52px;\n    padding:0;\n    justify-content:center;\n    box-shadow:none;\n  }\n  .mfs-fam__txt, .mfs-fam__chev{ display:none; }\n\n  \/* dropdown centrado arriba del dock *\/\n  .mfs-fam__langlist{\n    right:50%;\n    transform:translateX(50%) translateY(10px);\n    width:190px;\n  }\n  .mfs-fam__lang.is-open .mfs-fam__langlist{\n    transform:translateX(50%) translateY(0);\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const wrap = document.querySelector(\".mfs-fam__lang\");\n  const btn  = document.getElementById(\"mfsFamLangBtn\");\n  const flag = document.getElementById(\"mfsFamFlag\");\n  const contactLink = document.getElementById(\"mfsFamContactLink\");\n\n  if (!wrap || !btn) return;\n\n  btn.addEventListener(\"click\", (e)=>{\n    e.preventDefault();\n    wrap.classList.toggle(\"is-open\");\n    btn.setAttribute(\"aria-expanded\", wrap.classList.contains(\"is-open\") ? \"true\" : \"false\");\n  });\n\n  document.addEventListener(\"click\", (e)=>{\n    if (!wrap.contains(e.target)){\n      wrap.classList.remove(\"is-open\");\n      btn.setAttribute(\"aria-expanded\",\"false\");\n    }\n  });\n\n  \/\/ \u2705 SOLO idiomas soportados (sin franc\u00e9s ni chino)\n  const supported = [\"de\",\"en\",\"es\"];\n\n  function detectCurrentLang(pathname){\n    const m = pathname.match(\/^\\\/([a-z]{2})(\\\/|$)\/i);\n    const code = m ? m[1].toLowerCase() : \"\";\n    return supported.includes(code) ? code : \"\";\n  }\n\n  function stripLangPrefix(pathname){\n    const m = pathname.match(\/^\\\/([a-z]{2})(\\\/|$)\/i);\n    if(!m) return pathname;\n    const code = m[1].toLowerCase();\n    if(!supported.includes(code)) return pathname;\n    return pathname.replace(\/^\\\/[a-z]{2}(?=\\\/|$)\/i, \"\");\n  }\n\n  function buildLangUrl(targetLang){\n    const loc = window.location;\n    let path = loc.pathname || \"\/\";\n    path = stripLangPrefix(path);\n    if(!path.startsWith(\"\/\")) path = \"\/\" + path;\n    if(path === \"\") path = \"\/\";\n    return \"\/\" + targetLang + (path === \"\/\" ? \"\/\" : path) + (loc.search||\"\") + (loc.hash||\"\");\n  }\n\n  document.querySelectorAll(\".mfs-fam__langitem\").forEach(a=>{\n    a.addEventListener(\"click\", (e)=>{\n      e.preventDefault();\n      const lang = (a.getAttribute(\"data-lang\") || \"\").toLowerCase();\n      if(!supported.includes(lang)) return;\n      window.location.href = buildLangUrl(lang);\n    });\n  });\n\n  \/\/ bandera actual\n  (function(){\n    const current = detectCurrentLang(location.pathname || \"\/\") || \"es\";\n    const flags = {\n      de:\"https:\/\/flagcdn.com\/w40\/de.png\",\n      en:\"https:\/\/flagcdn.com\/w40\/us.png\",\n      es:\"https:\/\/flagcdn.com\/w40\/mx.png\"\n    };\n    if (flag && flags[current]) flag.src = flags[current];\n\n    \/\/ Ajusta link de contacto seg\u00fan idioma (usa \/{lang}\/contact)\n    if (contactLink){\n      const base = \"\/contact\";\n      contactLink.href = \"\/\" + current + base;\n    }\n  })();\n})();\n<\/script>\n\n<!-- ================== END MFS FLOATING ACTION MENU ================== -->\n<?php }, 99);    <\/div>\r\n    ","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-211","page","type-page","status-publish","hentry"],"blocksy_meta":{"content_style_source":"custom","vertical_spacing_source":"custom","content_area_spacing":"none","has_hero_section":"enabled","hero_elements":[{"id":"custom_title","enabled":false,"heading_tag":"h1","title":"Inicio","__id":"Hxz6HnRi53e023UaqfbeY"},{"id":"custom_description","enabled":false,"description_visibility":{"desktop":true,"tablet":true,"mobile":false},"__id":"GU3_xdTYCTJ-pTVEjZkhg"},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"Por","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"El","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"El","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"Dentro","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true},"__id":"MxwCrOeLzPK8Wt8FvrDEl"},{"id":"breadcrumbs","enabled":false,"__id":"7zbrf0t9IoZun9ci7RPr1"}],"styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] .entry-header .page-title {--theme-font-size:30px;} [data-prefix=\"single_page\"] .entry-header .entry-meta {--theme-font-weight:600;--theme-text-transform:uppercase;--theme-font-size:12px;--theme-line-height:1.3;} [data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/pages\/211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/comments?post=211"}],"version-history":[{"count":44,"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/pages\/211\/revisions"}],"predecessor-version":[{"id":642,"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/pages\/211\/revisions\/642"}],"wp:attachment":[{"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/media?parent=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}