{"id":122,"date":"2026-02-10T15:58:47","date_gmt":"2026-02-10T15:58:47","guid":{"rendered":"https:\/\/kaischroder1768922738498.0530257.misitiohostgator.com\/?page_id=122"},"modified":"2026-03-05T13:02:29","modified_gmt":"2026-03-05T13:02:29","slug":"cooking-lessons","status":"publish","type":"page","link":"https:\/\/mexicanfoodservices.com\/de\/cooking-lessons\/","title":{"rendered":"Kochunterricht"},"content":{"rendered":"    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\r\n    <!-- ===== BLOQUE 1 \u00b7 HERO VIDEO FULL WIDTH \u00b7 CURVA SUAVE EDITORIAL ===== -->\n<section class=\"mfs-hero-video\" 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    <!-- \u2705 cambio a ruta relativa -->\n    <source src=\"\/wp-content\/uploads\/2026\/02\/02111.mp4\" type=\"video\/mp4\">\n  <\/video>\n\n  <div class=\"mfs-hero-video__word\">Cook. Taste. Discover.<\/div>\n\n  <!-- CURVA SUAVE Y BAJA -->\n  <svg class=\"mfs-hero-video__curve\" viewBox=\"0 0 1440 220\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n    <path d=\"M0,165 C280,190 520,140 760,150 C1040,165 1220,150 1440,135 L1440,220 L0,220 Z\"><\/path>\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\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\n.mfs-hero-video__word{\n  position:absolute;\n  inset:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  z-index:2;\n  font-size:clamp(1.2rem, 2.8vw, 2.4rem);\n  font-weight:300;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.86);\n  text-shadow:0 12px 40px rgba(0,0,0,.35);\n  pointer-events:none;\n}\n\n.mfs-hero-video__curve{\n  position:absolute;\n  bottom:-1px;\n  width:100%;\n  height:220px;\n  z-index:3;\n}\n\n.mfs-hero-video__curve path{\n  fill:#fff;\n}\n\n@media (max-width:640px){\n  .mfs-hero-video{\n    height:clamp(720px, 92vh, 980px);\n  }\n  .mfs-hero-video__curve{\n    height:240px;\n  }\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 PREMIUM ===== -->\n<section class=\"mfs-hero-textFull\" aria-label=\"Mexican cooking lessons intro\">\n  <div class=\"mfs-hero-textFull__inner\">\n\n    <!-- LINEAS DECORATIVAS -->\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    <h1 class=\"mfs-hero-textFull__title\">Mexican Cooking Classes \u2014 Learn to Cook Like a Local<\/h1>\n\n    <p class=\"mfs-hero-textFull__subtitle\">\n      Authentic recipes, hands-on experience, and great food.\n    <\/p>\n\n    <p class=\"mfs-hero-textFull__quote\">\n     Join our interactive cooking lessons and discover the flavors of Mexico. Learn how to prepare classic Mexican dishes step by step with our experienced chef \u2014 either at our location in Playa del Carmen or directly at your accommodation.\n\n     <br><br>\n\n     Perfect for food lovers, families, groups, and anyone who wants to experience Mexican culture through its cuisine.\n    <\/p>\n\n    <!-- BOTON -->\n    <div class=\"mfs-hero-textFull__cta\">\n      <a href=\"\/contact\/\" class=\"mfs-ctaBtn\">Check Availability<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* FULL WIDTH REAL *\/\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 20px;\n}\n\n.mfs-hero-textFull__inner{\n  max-width: 920px;\n  margin: 0 auto;\n  padding: 0 clamp(18px, 3vw, 40px);\n  text-align:center;\n}\n\n\/* LINEAS DECORATIVAS *\/\n.mfs-hero-lines{\n  display:flex;\n  justify-content:center;\n  gap:10px;\n  margin-bottom:28px;\n}\n\n.mfs-line{\n  height:4px;\n  border-radius:999px;\n  display:block;\n}\n\n.mfs-line--blue{\n  width:60px;\n  background:#B3DEE5;\n}\n\n.mfs-line--orange{\n  width:36px;\n  background:#FFA101;\n}\n\n\/* TITULO *\/\n.mfs-hero-textFull__title{\n  margin:0 0 14px;\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\/* SUBTITULO *\/\n.mfs-hero-textFull__subtitle{\n  margin:0 0 26px;\n  font-size:clamp(1rem, 1.6vw, 1.25rem);\n  opacity:.72;\n  color:#0f172a;\n}\n\n\/* TEXTO *\/\n.mfs-hero-textFull__quote{\n  margin:0 auto;\n  max-width:48ch;\n  font-size:clamp(1.05rem, 2.1vw, 1.65rem);\n  font-weight:300;\n  line-height:1.5;\n  color:#0f172a;\n}\n\n\/* BOTON *\/\n.mfs-hero-textFull__cta{\n  margin-top:30px;\n}\n\n.mfs-ctaBtn{\n  display:inline-block;\n  padding:14px 26px;\n  border-radius:999px;\n  background:#FFA101;\n  color:#0f172a;\n  text-decoration:none;\n  font-weight:900;\n  letter-spacing:.04em;\n  font-size:14px;\n  box-shadow:0 14px 30px rgba(255,161,1,.35);\n  transition:.25s ease;\n}\n\n.mfs-ctaBtn:hover{\n  transform:translateY(-3px);\n  background:#e59200;\n}\n\n\/* Mobile *\/\n@media (max-width:640px){\n  .mfs-hero-textFull{\n    margin-top:-70px;\n    padding: clamp(60px, 10vw, 110px) 0 18px;\n  }\n\n  .mfs-line--blue{ width:48px; }\n  .mfs-line--orange{ width:28px; }\n\n  .mfs-hero-textFull__quote{\n    max-width: 100%;\n  }\n}\n<\/style>    <\/div>\r\n    \n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-3'>\r\n    <!-- ===== BLOQUE \u00b7 COOKING LESSONS DETAILS (EDITORIAL 2 COL + CARD) ===== -->\n<section class=\"mfs-lessons\" aria-label=\"Mexican Cooking Lessons details\">\n  <div class=\"mfs-lessons__inner\">\n\n    <!-- LEFT -->\n    <div class=\"mfs-lessons__copy\">\n\n      <h2 class=\"mfs-lessons__title\">How It Works<\/h2>\n\n      <p class=\"mfs-lessons__lead\">\n        A simple, flexible process \u2014 tell us your preferred date and group size, choose the location,\n        and we\u2019ll handle the rest for a fun, hands-on cooking experience.\n      <\/p>\n\n      <!-- STEPS -->\n      <div class=\"mfs-lessons__block\">\n        <h3 class=\"mfs-lessons__h\">How It Works<\/h3>\n        <ol class=\"mfs-lessons__steps\">\n          <li>Send an inquiry with your preferred date and group size<\/li>\n          <li>Choose between our location or your accommodation<\/li>\n          <li>Select your preferred dishes or menu<\/li>\n          <li>Hands-on cooking session with our chef<\/li>\n          <li>Enjoy the meal together after the class<\/li>\n        <\/ol>\n      <\/div>\n\n      <!-- LEARN -->\n      <div class=\"mfs-lessons__block\">\n        <h3 class=\"mfs-lessons__h\">What You Will Learn<\/h3>\n        <p class=\"mfs-lessons__p\">Learn how to prepare authentic Mexican classics, including:<\/p>\n        <ul class=\"mfs-lessons__bullets mfs-lessons__bullets--clean\">\n          <li>Fresh salsas<\/li>\n          <li>Guacamole<\/li>\n          <li>Traditional Mexican dishes<\/li>\n          <li>Homemade tortillas<\/li>\n          <li>Regional specialties<\/li>\n        <\/ul>\n        <p class=\"mfs-lessons__p mfs-lessons__mutedLine\">\n          Menus can be adapted based on preferences and dietary needs.\n        <\/p>\n      <\/div>\n\n      <!-- PERFECT FOR -->\n      <div class=\"mfs-lessons__block\">\n        <h3 class=\"mfs-lessons__h\">Perfect For<\/h3>\n        <ul class=\"mfs-lessons__bullets mfs-lessons__bullets--clean\">\n          <li>Vacation activities<\/li>\n          <li>Families<\/li>\n          <li>Groups of friends<\/li>\n          <li>Team-building events<\/li>\n          <li>Birthday celebrations<\/li>\n          <li>Food enthusiasts<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT CARD -->\n    <aside class=\"mfs-lessons__side\" aria-label=\"Location options and booking\">\n      <div class=\"mfs-lessons__card\">\n\n        <div class=\"mfs-lessons__kicker\">Location Options<\/div>\n\n        <ul class=\"mfs-lessons__list\">\n          <li>At our base in Playa del Carmen<\/li>\n          <li>At your villa, house, or accommodation<\/li>\n        <\/ul>\n\n        <div class=\"mfs-lessons__divider\"><\/div>\n\n        <div class=\"mfs-lessons__kicker\">If we come to you<\/div>\n        <p class=\"mfs-lessons__mini\">\n          We bring all necessary ingredients and equipment if the class takes place at your location.\n        <\/p>\n\n        <a class=\"mfs-lessons__cta\" href=\"\/contact\/\">Book a Lesson<\/a>\n\n        <div class=\"mfs-lessons__note\">Private lessons \u00b7 Tourists welcome \u00b7 Spanish &amp; English<\/div>\n\n      <\/div>\n    <\/aside>\n\n  <\/div>\n<\/section>\n\n<style>\n.mfs-lessons{width:100%;background:#fff;}\n\n.mfs-lessons__inner{\n  max-width:1180px;margin:0 auto;\n  padding:clamp(52px,6vw,96px) clamp(18px,3vw,40px);\n  display:grid;grid-template-columns:1.25fr .75fr;\n  gap:clamp(22px,3vw,48px);align-items:start;\n}\n\n.mfs-lessons__title{\n  margin:0 0 14px;font-weight:800;letter-spacing:-.02em;\n  font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.08;color:#0f172a;\n}\n\n.mfs-lessons__lead{\n  margin:0 0 26px;font-size:clamp(1.05rem,1.7vw,1.25rem);\n  line-height:1.55;color:#0f172a;opacity:.9;max-width:62ch;\n}\n\n.mfs-lessons__block{\n  margin-top:18px;padding-top:18px;\n  border-top:1px solid rgba(15,23,42,.10);\n}\n\n.mfs-lessons__h{\n  margin:0 0 14px;font-size:.95rem;letter-spacing:.18em;\n  text-transform:uppercase;color:#0f172a;opacity:.75;\n}\n\n.mfs-lessons__p{margin:0 0 12px;color:#0f172a;line-height:1.55;font-size:1.02rem;opacity:.9;}\n.mfs-lessons__mutedLine{margin-top:10px;opacity:.72;font-size:.98rem;}\n\n.mfs-lessons__bullets{\n  margin:0;padding-left:18px;display:grid;gap:12px;\n  color:#0f172a;line-height:1.55;font-size:1.02rem;\n}\n.mfs-lessons__bullets--clean{gap:10px;}\n\n.mfs-lessons__steps{\n  margin:0;padding-left:20px;display:grid;gap:10px;\n  color:#0f172a;line-height:1.55;font-size:1.02rem;\n}\n.mfs-lessons__steps li::marker{font-weight:800;color:#0f172a;opacity:.8;}\n\n.mfs-lessons__side{position:sticky;top:18px;}\n\n.mfs-lessons__card{\n  border:1px solid rgba(15,23,42,.12);\n  border-radius:22px;padding:20px 18px;\n  background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.08);\n}\n\n.mfs-lessons__kicker{\n  font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;\n  color:#0f172a;opacity:.7;margin:2px 0 10px;\n}\n\n.mfs-lessons__list{\n  margin:0 0 14px;padding-left:18px;display:grid;gap:8px;\n  color:#0f172a;line-height:1.5;font-size:1rem;\n}\n\n.mfs-lessons__mini{margin:0;color:#0f172a;line-height:1.55;font-size:1rem;opacity:.9;}\n\n.mfs-lessons__divider{\n  height:1px;background:rgba(15,23,42,.10);margin:14px 0;\n}\n\n.mfs-lessons__cta{\n  display:block;margin-top:18px;text-align:center;\n  padding:13px 14px;border-radius:14px;text-decoration:none;\n  font-weight:700;letter-spacing:.02em;\n  background:#0f172a;color:#fff;\n}\n.mfs-lessons__cta:hover{opacity:.92;}\n\n.mfs-lessons__note{\n  margin-top:12px;font-size:.92rem;color:#0f172a;\n  opacity:.72;text-align:center;\n}\n\n@media (max-width:920px){\n  .mfs-lessons__inner{grid-template-columns:1fr;}\n  .mfs-lessons__side{position:relative;top:auto;}\n  .mfs-lessons__lead{max-width:100%;}\n}\n<\/style>    <\/div>\r\n    \n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-4'>\r\n    <!-- ============== MFS \u00b7 EDITORIAL COLLAGE (FOCUS POINTS) + LIGHTBOX ============== -->\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 -->\n      <a class=\"mfs-edcol-card mfs-t1 focus-center\" href=\"#\"\n         data-full=\"https:\/\/images.unsplash.com\/photo-1540189549336-e6e99c3679fe?auto=format&#038;fit=crop&#038;w=2200&#038;q=70\" aria-label=\"Open image\">\n        <img src=\"https:\/\/images.unsplash.com\/photo-1540189549336-e6e99c3679fe?auto=format&#038;fit=crop&#038;w=1400&#038;q=70\"\n             alt=\"Fresh ingredients\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-t2 focus-face\" href=\"#\"\n         data-full=\"https:\/\/images.unsplash.com\/photo-1529692236671-f1f6cf9683ba?auto=format&#038;fit=crop&#038;w=2200&#038;q=70\" aria-label=\"Open image\">\n        <img src=\"https:\/\/images.unsplash.com\/photo-1529692236671-f1f6cf9683ba?auto=format&#038;fit=crop&#038;w=1600&#038;q=70\"\n             alt=\"Cooking prep\" 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\/9c90fcd8-1636-4170-9f91-e94242e98070_hal.jpg.avif\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/9c90fcd8-1636-4170-9f91-e94242e98070_hal.jpg.avif\"\n             alt=\"Cooking lessons\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-t4 focus-center\" href=\"#\"\n         data-full=\"https:\/\/images.unsplash.com\/photo-1551218808-94e220e084d2?auto=format&#038;fit=crop&#038;w=2200&#038;q=70\" aria-label=\"Open image\">\n        <img src=\"https:\/\/images.unsplash.com\/photo-1551218808-94e220e084d2?auto=format&#038;fit=crop&#038;w=1200&#038;q=70\"\n             alt=\"Food closeup\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <!-- BOTTOM ROW -->\n      <a class=\"mfs-edcol-card mfs-b1 focus-center\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/1715898683513.jpg.avif\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/1715898683513.jpg.avif\"\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\/5722f3_2c8dccc9cea64e6989c887b88a6fd8e9mv2.jpg.avif\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/5722f3_2c8dccc9cea64e6989c887b88a6fd8e9mv2.jpg.avif\"\n             alt=\"Food &#038; table\" loading=\"lazy\" decoding=\"async\">\n      <\/a>\n\n      <a class=\"mfs-edcol-card mfs-b3 focus-face\" href=\"#\"\n         data-full=\"\/wp-content\/uploads\/2026\/02\/Classe-de-Cocina-Tailandesa-en-Chiang-Mai-en-Espanol-2.png.avif\" aria-label=\"Open image\">\n        <img src=\"\/wp-content\/uploads\/2026\/02\/Classe-de-Cocina-Tailandesa-en-Chiang-Mai-en-Espanol-2.png.avif\"\n             alt=\"Class poster\" 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%; \/* default *\/\n    }\n\n    .mfs-edcol-card:hover img{ transform: scale(1.05); }\n\n    \/* ====== FOCUS POINTS (THIS IS THE KEY) ====== *\/\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\n    \/* Para caras: normalmente quedan mejor un poquito arriba *\/\n    .focus-face img{ object-position: 50% 28%; }\n\n    \/* Variantes finas (por si necesitas ajustar m\u00e1s) *\/\n    .focus-face-up img{ object-position: 50% 18%; }\n    .focus-face-down img{ object-position: 50% 40%; }\n    .focus-top-left img{ object-position: 20% 20%; }\n    .focus-top-right img{ object-position: 80% 20%; }\n    .focus-bottom-left img{ object-position: 20% 85%; }\n    .focus-bottom-right img{ object-position: 80% 85%; }\n\n    \/* Layout (igual que antes) *\/\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    @media (max-width: 980px){\n      .mfs-edcol-grid{ gap:14px; }\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\n    @media (max-width: 640px){\n      .mfs-edcol-grid{ grid-template-columns: repeat(6, 1fr); gap:12px; }\n      .mfs-t1,.mfs-t2,.mfs-t3,.mfs-t4,.mfs-b1,.mfs-b2,.mfs-b3{ grid-column: 1 \/ span 6; }\n      .mfs-t1{ height:160px; }\n      .mfs-t2{ height:220px; }\n      .mfs-t3{ height:200px; }\n      .mfs-t4{ height:200px; }\n      .mfs-b1{ height:200px; }\n      .mfs-b2{ height:200px; }\n      .mfs-b3{ height:220px; }\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\n    <\/div>\r\n    \n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-5'>\r\n    <!-- ================= FINAL CTA \u00b7 FULL WIDTH \u00b7 MEXICAN IMAGE ================= -->\n<section class=\"mfs-final-cook-fw\">\n\n<style>\n.mfs-final-cook-fw{\nposition:relative;\nwidth:100vw;\nmargin-left:calc(50% - 50vw);\nmargin-right:calc(50% - 50vw);\npadding:160px 20px;\ntext-align:center;\ncolor:#fff;\noverflow:hidden;\nfont-family:inherit\n}\n\n.mfs-final-cook-fw img{\nposition:absolute;\ninset:0;\nwidth:100%;\nheight:100%;\nobject-fit:cover;\nz-index:0\n}\n\n\/* overlay *\/\n.mfs-final-cook-fw::after{\ncontent:\"\";\nposition:absolute;\ninset:0;\nbackground:linear-gradient(to bottom,rgba(0,0,0,.55),rgba(0,0,0,.75));\nz-index:1\n}\n\n.mfs-final-cook-fw__inner{\nposition:relative;\nz-index:2;\nmax-width:900px;\nmargin:auto\n}\n\n\/* TITLE *\/\n.mfs-final-cook-fw h2.mfs-final-cook-fw__title{\nfont-size:clamp(34px,4vw,52px);\nfont-weight:900;\nmargin-bottom:20px;\nletter-spacing:-.02em;\ncolor:#ffffff;\n}\n\n\/* TEXT *\/\n.mfs-final-cook-fw__text{\nfont-size:18px;\nline-height:1.7;\nmargin-bottom:38px;\nopacity:.95;\ncolor:#fff;\n}\n\n\/* BUTTON *\/\n.mfs-final-cook-fw__btn{\ndisplay:inline-block;\nbackground:#f59e0b;\ncolor:#fff;\nfont-weight:800;\npadding:18px 36px;\nborder-radius:16px;\ntext-decoration:none;\ntransition:.25s;\nbox-shadow:0 14px 30px rgba(0,0,0,.25)\n}\n\n.mfs-final-cook-fw__btn:hover{\ntransform:translateY(-4px);\nbox-shadow:0 22px 44px rgba(0,0,0,.35)\n}\n<\/style>\n\n\n<!-- BACKGROUND IMAGE -->\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/alora-griffiths-KT6Ui0RpdE0-unsplash.jpg\" alt=\"Mexican cooking class\">\n\n\n<div class=\"mfs-final-cook-fw__inner\">\n\n<h2 class=\"mfs-final-cook-fw__title\">\nBook Your Mexican Cooking Experience\n<\/h2>\n\n<p class=\"mfs-final-cook-fw__text\">\nSend us your preferred date, location, and group size, and we will organize a personalized cooking class for you.\n<\/p>\n\n<!-- \u2705 LINK A CONTACTO -->\n<a href=\"\/contact\" class=\"mfs-final-cook-fw__btn\">\nRequest Your Cooking Class\n<\/a>\n\n<\/div>\n<\/section>    <\/div>\r\n    \n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-6'>\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\n<!-- ================== YOU MAY ALSO BE INTERESTED (ORIGINAL \u00b7 DOMAIN SAFE) ================== -->\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=\"\/catering-delivery\/\"\n       style=\"--bg:url('\/wp-content\/uploads\/2026\/02\/tim-meyer-GZzQAQyxACw-unsplash.jpg');\">\n      <div class=\"mfs-rel4__content\">\n        <h3>Catering Delivery<\/h3>\n        <p>Freshly prepared meals delivered to your vacation rental \u2014 tailored to your schedule.<\/p>\n        <span class=\"mfs-rel4__cta\">Explore \u2192<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- 2 \u00b7 TACO BUFFET -->\n    <a class=\"mfs-rel4__card\" href=\"\/taco-buffet\/\"\n       style=\"--bg:url('\/wp-content\/uploads\/2026\/02\/jarritos-mexican-soda-lmfEWru4V7A-unsplash.jpg');\">\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 \u00b7 RENT A CHEF -->\n    <a class=\"mfs-rel4__card\" href=\"\/rent-a-chef\/\"\n       style=\"--bg:url('\/wp-content\/uploads\/2026\/02\/or-hakim-S2Eql9vHN3o-unsplash.jpg');\">\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=\"\/recommendations\/\"\n       style=\"--bg:url('\/wp-content\/uploads\/2026\/02\/hybrid-storytellers-XEBhcKv6GFs-unsplash.jpg');\">\n      <div class=\"mfs-rel4__content\">\n        <h3>Recommendations<\/h3>\n        <p>Our favorite markets, ingredients and culinary experiences.<\/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;\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      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    .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    .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    .mfs-rel4__content h3{\n      margin:0 0 12px;\n      font-size:30px;\n      font-weight:900;\n      color:#fff !important;\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    @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 centerCard(idx, behavior){\n        const card = cards[idx];\n        if(!card) return;\n\n        const target =\n          card.offsetLeft - (track.clientWidth - card.clientWidth) \/ 2;\n\n        track.scrollTo({\n          left: Math.max(0, target),\n          behavior: behavior || 'auto'\n        });\n      }\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      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(e.isIntersecting){\n            cards.forEach(c=>c.classList.remove('is-active'));\n            e.target.classList.add('is-active');\n          }\n        });\n      },{root:track,threshold:.6});\n      cards.forEach(c=>io.observe(c));\n\n      requestAnimationFrame(()=> centerCard(1,'auto'));\n    })();\n  <\/script>\n\n<\/section>\n<!-- ================== \/YOU MAY ALSO BE INTERESTED ================== -->\n\n<?php }, 99);    <\/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        <\/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-122","page","type-page","status-publish","hentry"],"blocksy_meta":{"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":"OdHzZ5NLU5RykxGXJoifQ"},{"id":"custom_description","enabled":false,"description_visibility":{"desktop":true,"tablet":true,"mobile":false},"__id":"MG6NUg4_VF5OGDK2PROy0"},{"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":"UQBl3gEH0KHplVbWIaSGT"},{"id":"breadcrumbs","enabled":false,"__id":"h-1fbRPS1nNXqJuZ3cCxE"}],"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;}","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/pages\/122","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=122"}],"version-history":[{"count":52,"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/pages\/122\/revisions"}],"predecessor-version":[{"id":640,"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/pages\/122\/revisions\/640"}],"wp:attachment":[{"href":"https:\/\/mexicanfoodservices.com\/de\/wp-json\/wp\/v2\/media?parent=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}