{"id":11,"date":"2026-05-10T16:12:56","date_gmt":"2026-05-10T21:12:56","guid":{"rendered":"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/?page_id=11"},"modified":"2026-05-10T17:46:12","modified_gmt":"2026-05-10T22:46:12","slug":"el-sabor-de-mi-tierra","status":"publish","type":"page","link":"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/","title":{"rendered":"El Sabor de Mi Tierra"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1a1119 e-con-full e-flex e-con e-parent\" data-id=\"e1a1119\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d69828 elementor-widget elementor-widget-html\" data-id=\"8d69828\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* ===== NAVBAR EL SABOR DE MI TIERRA ===== *\/\n  .esmt-navbar {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 1000;\n    background: #0A0A0A;\n    border-bottom: 2px solid #E8B800;\n    padding: 0.8rem 2rem;\n  }\n\n  .esmt-navbar-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 1rem;\n  }\n\n  \/* Logo izquierda - TAMA\u00d1O AUMENTADO *\/\n  .esmt-logo a {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    animation: esmt-fadeSlideDown 0.8s ease forwards;\n  }\n\n  .esmt-logo-img {\n    display: block;\n    width: 140px;  \/* M\u00e1s grande en desktop *\/\n    height: auto;\n    transition: transform 0.4s ease;\n  }\n\n  .esmt-logo a:hover .esmt-logo-img {\n    transform: rotate(360deg);\n  }\n\n  @keyframes esmt-fadeSlideDown {\n    0% { opacity: 0; transform: translateY(-30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Men\u00fa centrado *\/\n  .esmt-nav-menu {\n    display: flex;\n    gap: 2rem;\n    list-style: none;\n    margin: 0 auto;\n    padding: 0;\n    align-items: center;\n  }\n\n  .esmt-nav-menu li a {\n    color: #FFFFFF;\n    text-decoration: none;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 0.95rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    padding: 0.5rem 0;\n    transition: color 0.3s;\n  }\n\n  .esmt-nav-menu li a:hover {\n    color: #E8B800;\n  }\n\n  \/* Contenedor CTA derecho *\/\n  .esmt-nav-cta {\n    position: relative;\n  }\n\n  \/* Bot\u00f3n dorado *\/\n  .esmt-btn-reserva {\n    background: #E8B800;\n    color: #0A0A0A;\n    border: none;\n    padding: 0.6rem 1.5rem;\n    border-radius: 30px;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 0.85rem;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .esmt-btn-reserva i {\n    font-size: 1rem;\n  }\n\n  .esmt-btn-reserva:hover {\n    background: #D4500A;\n    color: #FFFFFF;\n    box-shadow: 0 6px 18px rgba(232, 184, 0, 0.5);\n    transform: translateY(-2px);\n  }\n\n  \/* Mini calendario desplegable *\/\n  .esmt-mini-calendar {\n    position: absolute;\n    top: 55px;\n    right: 0;\n    background: #0A0A0A;\n    border: 1px solid #E8B800;\n    border-radius: 12px;\n    padding: 1rem;\n    width: 280px;\n    z-index: 1001;\n    display: none;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.5);\n    font-family: 'Montserrat', sans-serif;\n  }\n\n  .esmt-mini-calendar.active {\n    display: block;\n    animation: esmt-fadeUp 0.3s ease;\n  }\n\n  @keyframes esmt-fadeUp {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .esmt-mini-calendar label {\n    display: block;\n    color: #E8B800;\n    font-size: 0.8rem;\n    margin-bottom: 5px;\n    font-weight: 600;\n  }\n\n  .esmt-mini-calendar input {\n    width: 100%;\n    padding: 10px;\n    background: #1A1A1A;\n    border: 1px solid #E8B800;\n    color: white;\n    border-radius: 8px;\n    font-family: 'Montserrat', sans-serif;\n    margin-bottom: 12px;\n  }\n\n  .esmt-mini-calendar button {\n    width: 100%;\n    background: #D4500A;\n    color: white;\n    border: none;\n    padding: 8px;\n    border-radius: 8px;\n    font-weight: bold;\n    cursor: pointer;\n    transition: background 0.2s;\n  }\n\n  .esmt-mini-calendar button:hover {\n    background: #E8B800;\n    color: #0A0A0A;\n  }\n\n  \/* Hamburguesa m\u00f3vil *\/\n  .esmt-menu-icon {\n    display: none;\n    font-size: 1.8rem;\n    cursor: pointer;\n    color: #E8B800;\n    transition: transform 0.2s;\n  }\n\n  .esmt-menu-icon:hover {\n    transform: scale(1.1);\n    color: #D4500A;\n  }\n\n  \/* Overlay m\u00f3vil *\/\n  .esmt-mobile-overlay {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: 280px;\n    height: 100%;\n    background: #0A0A0A;\n    border-left: 2px solid #E8B800;\n    z-index: 1002;\n    transform: translateX(100%);\n    transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n    padding: 5rem 2rem;\n  }\n\n  .esmt-mobile-overlay.active {\n    transform: translateX(0);\n  }\n\n  .esmt-mobile-overlay ul {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 2rem;\n  }\n\n  .esmt-mobile-overlay ul li a {\n    color: #FFFFFF;\n    text-decoration: none;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 1.2rem;\n    font-weight: 700;\n    text-transform: uppercase;\n  }\n\n  .esmt-mobile-overlay ul li a:hover {\n    color: #E8B800;\n  }\n\n  .esmt-close-menu {\n    position: absolute;\n    top: 1.2rem;\n    right: 1.5rem;\n    font-size: 2rem;\n    cursor: pointer;\n    color: #E8B800;\n  }\n\n  \/* Responsive tablet *\/\n  @media (max-width: 1024px) {\n    .esmt-nav-menu {\n      gap: 1rem;\n    }\n    .esmt-nav-menu li a {\n      font-size: 0.8rem;\n    }\n    .esmt-btn-reserva {\n      padding: 0.5rem 1rem;\n      font-size: 0.75rem;\n    }\n    .esmt-logo-img {\n      width: 100px;  \/* M\u00e1s grande en tablet *\/\n    }\n  }\n\n  \/* Responsive m\u00f3vil *\/\n  @media (max-width: 768px) {\n    .esmt-nav-menu {\n      display: none;\n    }\n    .esmt-menu-icon {\n      display: block;\n    }\n    .esmt-nav-cta {\n      margin-left: auto;\n    }\n    .esmt-logo-img {\n      width: 80px;  \/* M\u00e1s grande en m\u00f3vil *\/\n    }\n  }\n\n  @media (min-width: 769px) {\n    .esmt-mobile-overlay {\n      display: none;\n    }\n  }\n<\/style>\n\n<nav class=\"esmt-navbar\">\n  <div class=\"esmt-navbar-container\">\n    <!-- Logo izquierda -->\n    <div class=\"esmt-logo\">\n      <a href=\"#\">\n        <img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Gemini_Generated_Image_19606y19606y1960-removebg-preview.png\" alt=\"El Sabor de Mi Tierra\" class=\"esmt-logo-img\">\n      <\/a>\n    <\/div>\n\n    <!-- Men\u00fa centrado -->\n    <ul class=\"esmt-nav-menu\">\n      <li><a href=\"#esmt-inicio\">Inicio<\/a><\/li>\n      <li><a href=\"#esmt-menu\">Men\u00fa<\/a><\/li>\n      <li><a href=\"#esmt-reservas\">Reservas<\/a><\/li>\n      <li><a href=\"#esmt-delivery\">Delivery<\/a><\/li>\n      <li><a href=\"#esmt-contacto\">Contacto<\/a><\/li>\n    <\/ul>\n\n    <!-- CTA Reserva derecha con mini calendario -->\n    <div class=\"esmt-nav-cta\">\n      <button class=\"esmt-btn-reserva\" id=\"esmt-reserva-btn\">\n        <i class=\"fas fa-calendar-alt\"><\/i> Reservar\n      <\/button>\n      <div class=\"esmt-mini-calendar\" id=\"esmt-mini-calendar\">\n        <label>\ud83d\udcc5 Selecciona fecha<\/label>\n        <input type=\"date\" id=\"esmt-fecha-reserva\">\n        <label>\u23f0 Hora<\/label>\n        <input type=\"time\" id=\"esmt-hora-reserva\">\n        <label>\ud83d\udc65 Personas<\/label>\n        <input type=\"number\" min=\"1\" max=\"20\" value=\"2\" id=\"esmt-personas\">\n        <button id=\"esmt-confirmar-calendario\">Confirmar<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Hamburguesa m\u00f3vil -->\n    <div class=\"esmt-menu-icon\" id=\"esmt-menu-toggle\">\n      <i class=\"fas fa-bars\"><\/i>\n    <\/div>\n  <\/div>\n<\/nav>\n\n<!-- Overlay m\u00f3vil -->\n<div class=\"esmt-mobile-overlay\" id=\"esmt-mobile-menu\">\n  <div class=\"esmt-close-menu\" id=\"esmt-close-menu\">\n    <i class=\"fas fa-times\"><\/i>\n  <\/div>\n  <ul>\n    <li><a href=\"#esmt-inicio\">Inicio<\/a><\/li>\n    <li><a href=\"#esmt-menu\">Men\u00fa<\/a><\/li>\n    <li><a href=\"#esmt-reservas\">Reservas<\/a><\/li>\n    <li><a href=\"#esmt-delivery\">Delivery<\/a><\/li>\n    <li><a href=\"#esmt-contacto\">Contacto<\/a><\/li>\n  <\/ul>\n<\/div>\n\n<script>\n  (function() {\n    \/\/ Toggle mini calendario\n    const btnReserva = document.getElementById('esmt-reserva-btn');\n    const miniCal = document.getElementById('esmt-mini-calendar');\n    if (btnReserva && miniCal) {\n      btnReserva.addEventListener('click', function(e) {\n        e.stopPropagation();\n        miniCal.classList.toggle('active');\n      });\n      document.addEventListener('click', function(e) {\n        if (!miniCal.contains(e.target) && e.target !== btnReserva) {\n          miniCal.classList.remove('active');\n        }\n      });\n    }\n\n    \/\/ Confirmar del mini calendario\n    const confirmBtn = document.getElementById('esmt-confirmar-calendario');\n    if (confirmBtn) {\n      confirmBtn.addEventListener('click', function() {\n        const fecha = document.getElementById('esmt-fecha-reserva').value;\n        const hora = document.getElementById('esmt-hora-reserva').value;\n        const personas = document.getElementById('esmt-personas').value;\n        if (!fecha || !hora) {\n          alert('Por favor selecciona fecha y hora');\n          return;\n        }\n        alert(`Reserva solicitada para ${fecha} a las ${hora} para ${personas} persona(s). Te contactaremos para confirmar.`);\n        miniCal.classList.remove('active');\n      });\n    }\n\n    \/\/ Men\u00fa hamburguesa m\u00f3vil\n    const menuToggle = document.getElementById('esmt-menu-toggle');\n    const mobileMenu = document.getElementById('esmt-mobile-menu');\n    const closeMenu = document.getElementById('esmt-close-menu');\n    if (menuToggle && mobileMenu && closeMenu) {\n      menuToggle.addEventListener('click', () => mobileMenu.classList.add('active'));\n      closeMenu.addEventListener('click', () => mobileMenu.classList.remove('active'));\n      const mobileLinks = mobileMenu.querySelectorAll('a');\n      mobileLinks.forEach(link => link.addEventListener('click', () => mobileMenu.classList.remove('active')));\n    }\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01b07d6 e-con-full e-flex e-con e-parent\" data-id=\"01b07d6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b34d800 elementor-widget elementor-widget-html\" data-id=\"b34d800\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n\n<style>\n  \/* ===== HERO CON MAPA Y SELECTORES ===== *\/\n  .esmt-hero {\n    min-height: 100vh;\n    background: #0A0A0A;\n    padding: 120px 2rem 4rem;\n  }\n  .esmt-hero-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 2rem;\n  }\n  .esmt-panel {\n    flex: 1.2;\n    min-width: 320px;\n    background: #0A0A0A;\n    border: 1px solid #E8B800;\n    border-radius: 20px;\n    padding: 1.5rem;\n    animation: esmt-fadeSlideLeft 0.8s ease forwards;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.3);\n  }\n  .esmt-panel h3 {\n    color: #E8B800;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 1.4rem;\n    margin-bottom: 1.5rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    border-left: 4px solid #D4500A;\n    padding-left: 12px;\n  }\n  .esmt-select-group {\n    margin-bottom: 1.5rem;\n  }\n  .esmt-select-group label {\n    display: block;\n    color: #FFFFFF;\n    font-weight: 600;\n    margin-bottom: 8px;\n    font-size: 0.9rem;\n    letter-spacing: 1px;\n  }\n  .esmt-select-group select {\n    width: 100%;\n    padding: 12px;\n    background: #1A1A1A;\n    border: 1px solid #E8B800;\n    border-radius: 12px;\n    color: white;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 500;\n    font-size: 0.85rem;\n    cursor: pointer;\n    transition: all 0.3s;\n    white-space: normal;\n    word-wrap: break-word;\n  }\n  .esmt-select-group select option {\n    white-space: normal;\n    word-wrap: break-word;\n    padding: 8px;\n  }\n  .esmt-select-group select:hover {\n    border-color: #D4500A;\n    box-shadow: 0 0 8px rgba(232,184,0,0.5);\n  }\n  .esmt-map-wrapper {\n    flex: 2;\n    min-width: 300px;\n    animation: esmt-fadeSlideRight 0.8s ease forwards;\n  }\n  .esmt-map-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 2rem;\n    font-weight: 800;\n    color: white;\n    margin-bottom: 1rem;\n    text-align: center;\n  }\n  .esmt-map-title span {\n    color: #E8B800;\n  }\n  #esmt-colombia-map {\n    height: 500px;\n    border-radius: 20px;\n    border: 2px solid #E8B800;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n  }\n  .esmt-cta-group {\n    margin-top: 2rem;\n    text-align: center;\n  }\n  .esmt-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: transparent;\n    border: 2px solid #E8B800;\n    color: #E8B800;\n    padding: 0.8rem 2rem;\n    border-radius: 40px;\n    font-weight: 800;\n    text-transform: uppercase;\n    text-decoration: none;\n    transition: all 0.3s;\n    margin: 0 0.5rem;\n  }\n  .esmt-cta-btn-primary {\n    background: #D4500A;\n    border-color: #D4500A;\n    color: white;\n  }\n  .esmt-cta-btn:hover {\n    background: #E8B800;\n    color: #0A0A0A;\n    transform: translateY(-3px);\n    box-shadow: 0 5px 15px rgba(232,184,0,0.4);\n  }\n  @keyframes esmt-fadeSlideLeft {\n    from { opacity: 0; transform: translateX(-40px); }\n    to { opacity: 1; transform: translateX(0); }\n  }\n  @keyframes esmt-fadeSlideRight {\n    from { opacity: 0; transform: translateX(40px); }\n    to { opacity: 1; transform: translateX(0); }\n  }\n  @media (max-width: 768px) {\n    .esmt-hero-container { flex-direction: column; }\n    .esmt-panel { min-width: auto; order: 2; }\n    .esmt-map-wrapper { order: 1; }\n    #esmt-colombia-map { height: 380px; }\n  }\n<\/style>\n\n<section class=\"esmt-hero\" id=\"esmt-inicio\">\n  <div class=\"esmt-hero-container\">\n    <div class=\"esmt-panel\">\n      <h3><i class=\"fas fa-compass\"><\/i> Explora por regi\u00f3n<\/h3>\n      <div class=\"esmt-select-group\">\n        <label><i class=\"fas fa-map-marker-alt\"><\/i> Regi\u00f3n<\/label>\n        <select id=\"esmt-region-select\">\n          <option value=\"\">-- Selecciona una regi\u00f3n --<\/option>\n          <option value=\"andina\">Regi\u00f3n Andina<\/option>\n          <option value=\"caribe\">Regi\u00f3n Caribe<\/option>\n          <option value=\"pacifica\">Regi\u00f3n Pac\u00edfica<\/option>\n          <option value=\"orinoquia\">Regi\u00f3n Orinoqu\u00eda<\/option>\n          <option value=\"amazonica\">Regi\u00f3n Amaz\u00f3nica<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"esmt-select-group\">\n        <label><i class=\"fas fa-utensils\"><\/i> Platos principales<\/label>\n        <select id=\"esmt-platos-select\" disabled><option>Selecciona primero una regi\u00f3n<\/option><\/select>\n      <\/div>\n      <div class=\"esmt-select-group\">\n        <label><i class=\"fas fa-mug-hot\"><\/i> Entradas \/ Snacks<\/label>\n        <select id=\"esmt-snacks-select\" disabled><option>Selecciona primero una regi\u00f3n<\/option><\/select>\n      <\/div>\n      <div class=\"esmt-select-group\">\n        <label><i class=\"fas fa-birthday-cake\"><\/i> Postres<\/label>\n        <select id=\"esmt-postres-select\" disabled><option>Selecciona primero una regi\u00f3n<\/option><\/select>\n      <\/div>\n      <div class=\"esmt-select-group\">\n        <label><i class=\"fas fa-wine-bottle\"><\/i> Bebidas<\/label>\n        <select id=\"esmt-bebidas-select\" disabled><option>Selecciona primero una regi\u00f3n<\/option><\/select>\n      <\/div>\n    <\/div>\n    <div class=\"esmt-map-wrapper\">\n      <div class=\"esmt-map-title\">Descubre <span>Colombia<\/span> en cada sabor<\/div>\n      <div id=\"esmt-colombia-map\"><\/div>\n      <div class=\"esmt-cta-group\">\n        <a href=\"#esmt-menu\" class=\"esmt-cta-btn\"><i class=\"fas fa-list-ul\"><\/i> Ver Men\u00fa<\/a>\n        <a href=\"#esmt-reservas\" class=\"esmt-cta-btn esmt-cta-btn-primary\"><i class=\"fas fa-calendar-check\"><\/i> Reservar<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function() {\n    const regionData = {\n      andina: {\n        coords: [4.5709, -74.2973], zoom: 7,\n        platos: [\"Bandeja Paisa\",\"Ajiaco Santafere\u00f1o\",\"Lechona Tolimense\",\"Tamal Tolimense\",\"Sobrebarriga Sudada o al Horno\",\"Mute Santanderano\",\"Changua\"],\n        snacks: [\"Arepa Paisa\",\"Arepa Boyacense\",\"Arepa Santandereana\",\"Empanadas\",\"Papa Criolla Frita\",\"Achiras\"],\n        postres: [\"Postre de Natas\",\"Cuajada con Melao\",\"Brevas con Arequipe\",\"Bocadillo Vele\u00f1o con Queso\",\"Obleas\"],\n        bebidas: [\"Chocolate Santafere\u00f1o\",\"Aguapanela\",\"Chicha de Ma\u00edz\",\"Masato de Arroz\",\"Tinto\"]\n      },\n      caribe: {\n        coords: [11.0073, -74.8169], zoom: 7,\n        platos: [\"Mojarra Frita\",\"Arroz con Coco\",\"Mote de Queso\",\"Sancocho Coste\u00f1o\",\"Arroz de Lisa\",\"Cazuela de Mariscos\",\"Cayeye\"],\n        snacks: [\"Arepa de Huevo\",\"Carima\u00f1ola\",\"Butifarra Solede\u00f1a\",\"Bollos\",\"Patacones con Suero\",\"Deditos de Queso\"],\n        postres: [\"Cocadas\",\"Enyucado\",\"Dulce de Leche Cortada\",\"Alegr\u00edas\"],\n        bebidas: [\"Limonada de Coco\",\"Jugo de Corozo\",\"Chicha de Corozo\",\"Agua de Panela Helada\"]\n      },\n      pacifica: {\n        coords: [3.4516, -76.5320], zoom: 7,\n        platos: [\"Pusandao\",\"Sancocho de Gallina Valluno\",\"Encocado de Camar\u00f3n\",\"Arroz Atollado\",\"Cuy Asado\",\"Pescado con Hierbas de Azotea\"],\n        snacks: [\"Aborrajado Valluno\",\"Marrano\/Marranita\",\"Empanadas de Pipian\",\"Pandebono\",\"Pan de Yuca\",\"Patacones de Guineo\"],\n        postres: [\"Manjar Blanco\",\"Cholado\",\"Arroz con Leche\",\"Champ\u00fas Dulce\"],\n        bebidas: [\"Lulada\",\"Champ\u00fas\",\"Hervido Nari\u00f1ense\",\"Jugo de Boroj\u00f3\",\"Viche\"]\n      },\n      orinoquia: {\n        coords: [4.1427, -72.6469], zoom: 7,\n        platos: [\"Ternera a la Llanera\",\"Carne a la Perra\",\"Hallaca Llanera\",\"Palo a Pique\",\"Cachama Asada\",\"Chig\u00fciro Asado\"],\n        snacks: [\"Yuca Cocida\",\"Pl\u00e1tano Maduro Asado\",\"Hallaquitas\",\"Pan de Arroz\",\"Tungos Llaneros\"],\n        postres: [\"Dulce de Guayaba\",\"Dulce de Auyama\",\"Gofios\"],\n        bebidas: [\"Jugo de Carambolo\",\"Majule\",\"Chicha de Arroz\",\"Caf\u00e9 Cerrero\"]\n      },\n      amazonica: {\n        coords: [-4.2026, -69.9408], zoom: 6,\n        platos: [\"Piraruc\u00fa\",\"Patarashca\",\"Pinhau o Sopa de Man\u00ed\",\"Pescado Moqueado\",\"Cerdo o Pollo Asado con Tapioca\"],\n        snacks: [\"Casabe\",\"Fari\u00f1a\",\"Tapioca\",\"Pl\u00e1tano Verde Frito\"],\n        postres: [\"Ensalada de Frutas Ex\u00f3ticas\",\"Dulce de Copoaz\u00fa\",\"Mermeladas Amaz\u00f3nicas\"],\n        bebidas: [\"Jugo de Copoaz\u00fa\",\"Jugo de Araz\u00e1\",\"Cahuana\",\"Chicha de Chontaduro\",\"Aguajina\"]\n      }\n    };\n\n    let map = L.map('esmt-colombia-map').setView([4.5709, -74.2973], 6);\n    L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_all\/{z}\/{x}\/{y}{r}.png', {\n      attribution: '&copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OSM<\/a> &copy; CARTO',\n      subdomains: 'abcd'\n    }).addTo(map);\n\n    let currentMarkers = [];\n\n    function clearMarkers() {\n      currentMarkers.forEach(marker => map.removeLayer(marker));\n      currentMarkers = [];\n    }\n\n    function addMarkers(regionKey) {\n      clearMarkers();\n      const region = regionData[regionKey];\n      if (!region) return;\n      let mainMarker = L.marker(region.coords).addTo(map);\n      mainMarker.bindPopup(`<b>${regionKey.charAt(0).toUpperCase() + regionKey.slice(1)}<\/b><br>\ud83d\udd0d Selecciona un plato en el panel izquierdo`);\n      currentMarkers.push(mainMarker);\n\n      if (regionKey === 'andina') {\n        let med = L.marker([6.2442, -75.5812]).bindPopup('<b>Medell\u00edn<\/b><br>Bandeja paisa, arepas');\n        let caldas = L.marker([5.0673, -75.5207]).bindPopup('<b>Eje Cafetero<\/b><br>Caf\u00e9 y paisajes');\n        currentMarkers.push(med, caldas);\n        med.addTo(map); caldas.addTo(map);\n      } else if (regionKey === 'caribe') {\n        let barranquilla = L.marker([10.9878, -74.7881]).bindPopup('<b>Barranquilla<\/b><br>Arroz con coco, mojarra');\n        let cartagena = L.marker([10.3910, -75.4794]).bindPopup('<b>Cartagena<\/b><br>Arepa de huevo, mariscos');\n        currentMarkers.push(barranquilla, cartagena);\n        barranquilla.addTo(map); cartagena.addTo(map);\n      } else if (regionKey === 'pacifica') {\n        let buenaventura = L.marker([3.8942, -77.0316]).bindPopup('<b>Buenaventura<\/b><br>Encocados, aborrajados');\n        let tumaco = L.marker([1.7987, -78.8167]).bindPopup('<b>Tumaco<\/b><br>Pescado con hierbas');\n        currentMarkers.push(buenaventura, tumaco);\n        buenaventura.addTo(map); tumaco.addTo(map);\n      } else if (regionKey === 'orinoquia') {\n        let yopal = L.marker([5.3327, -72.3955]).bindPopup('<b>Yopal<\/b><br>Ternera llanera');\n        let puertoCarreno = L.marker([6.1846, -67.4854]).bindPopup('<b>Puerto Carre\u00f1o<\/b><br>Cachama asada');\n        currentMarkers.push(yopal, puertoCarreno);\n        yopal.addTo(map); puertoCarreno.addTo(map);\n      } else if (regionKey === 'amazonica') {\n        let leticia = L.marker([-4.2147, -69.9403]).bindPopup('<b>Leticia<\/b><br>Piraruc\u00fa, casabe');\n        let puertoAsis = L.marker([0.5052, -76.4978]).bindPopup('<b>Puerto As\u00eds<\/b><br>Patarashca');\n        currentMarkers.push(leticia, puertoAsis);\n        leticia.addTo(map); puertoAsis.addTo(map);\n      }\n      map.setView(region.coords, region.zoom || 7);\n    }\n\n    function populateSelects(regionKey) {\n      const data = regionData[regionKey];\n      if (!data) return;\n      const platosSelect = document.getElementById('esmt-platos-select');\n      const snacksSelect = document.getElementById('esmt-snacks-select');\n      const postresSelect = document.getElementById('esmt-postres-select');\n      const bebidasSelect = document.getElementById('esmt-bebidas-select');\n\n      platosSelect.disabled = false;\n      snacksSelect.disabled = false;\n      postresSelect.disabled = false;\n      bebidasSelect.disabled = false;\n\n      platosSelect.innerHTML = data.platos.map(p => `<option value=\"${p}\">${p}<\/option>`).join('');\n      snacksSelect.innerHTML = data.snacks.map(s => `<option value=\"${s}\">${s}<\/option>`).join('');\n      postresSelect.innerHTML = data.postres.map(p => `<option value=\"${p}\">${p}<\/option>`).join('');\n      bebidasSelect.innerHTML = data.bebidas.map(b => `<option value=\"${b}\">${b}<\/option>`).join('');\n    }\n\n    const regionSelect = document.getElementById('esmt-region-select');\n    regionSelect.addEventListener('change', function(e) {\n      const region = e.target.value;\n      if (!region) return;\n      populateSelects(region);\n      addMarkers(region);\n      \n      const selects = ['esmt-platos-select', 'esmt-snacks-select', 'esmt-postres-select', 'esmt-bebidas-select'];\n      selects.forEach(id => {\n        const sel = document.getElementById(id);\n        sel.onchange = function() {\n          const selectedValue = sel.options[sel.selectedIndex]?.text;\n          if (selectedValue && selectedValue !== 'Selecciona primero una regi\u00f3n') {\n            if (currentMarkers.length > 0) {\n              currentMarkers[0].bindPopup(`<b>${selectedValue}<\/b><br>Plato t\u00edpico de ${regionSelect.options[regionSelect.selectedIndex]?.text}`).openPopup();\n            }\n          }\n        };\n      });\n    });\n\n    document.getElementById('esmt-platos-select').disabled = true;\n    document.getElementById('esmt-snacks-select').disabled = true;\n    document.getElementById('esmt-postres-select').disabled = true;\n    document.getElementById('esmt-bebidas-select').disabled = true;\n\n    setTimeout(() => map.invalidateSize(), 300);\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d629863 e-con-full e-flex e-con e-parent\" data-id=\"d629863\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-100e569 elementor-widget elementor-widget-html\" data-id=\"100e569\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\n  \/* ===== SECCI\u00d3N NUESTRA HISTORIA ===== *\/\n  .esmt-historia {\n    background: #0A0A0A;\n    padding: 80px 2rem;\n  }\n\n  .esmt-historia-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 3rem;\n  }\n\n  \/* Columna izquierda (texto) *\/\n  .esmt-historia-texto {\n    flex: 1;\n    min-width: 280px;\n  }\n\n  \/* Logo superior *\/\n  .esmt-historia-logo {\n    margin-bottom: 1rem;\n  }\n  .esmt-historia-logo img {\n    width: 80px;\n    height: auto;\n    transition: transform 0.3s ease;\n    animation: esmt-fadeSlideDownLogo 0.8s ease forwards;\n  }\n  .esmt-historia-logo img:hover {\n    transform: scale(1.05);\n  }\n  @keyframes esmt-fadeSlideDownLogo {\n    from { opacity: 0; transform: translateY(-30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .esmt-historia-titulo {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 3rem;\n    font-weight: 800;\n    color: #E8B800;\n    margin-bottom: 1rem;\n    letter-spacing: 1px;\n    overflow: hidden;\n    border-right: 3px solid #D4500A;\n    white-space: nowrap;\n    width: 0;\n    animation: esmt-escribir 2.5s steps(30, end) forwards, esmt-parpadeo 0.75s step-end infinite;\n  }\n\n  @keyframes esmt-escribir {\n    from { width: 0; }\n    to { width: 100%; }\n  }\n  @keyframes esmt-parpadeo {\n    from, to { border-color: transparent; }\n    50% { border-color: #D4500A; }\n  }\n\n  .esmt-historia-subtitulo {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 1.3rem;\n    font-weight: 500;\n    color: #D4500A;\n    margin-bottom: 1.5rem;\n    opacity: 0;\n    animation: esmt-fadeSlideUp 0.8s ease 2.5s forwards;\n  }\n\n  .esmt-historia-descripcion {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 1rem;\n    line-height: 1.6;\n    color: #FFFFFF;\n    margin-bottom: 1.5rem;\n    opacity: 0;\n    animation: esmt-fadeSlideUp 0.8s ease 2.7s forwards;\n  }\n\n  \/* Valores *\/\n  .esmt-valores {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n    margin-top: 1rem;\n    opacity: 0;\n    animation: esmt-fadeSlideUp 0.8s ease 3s forwards;\n  }\n\n  .esmt-valor-item {\n    background: rgba(232, 184, 0, 0.1);\n    border-left: 3px solid #E8B800;\n    padding: 0.6rem 1rem;\n    border-radius: 30px;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: #FFFFFF;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: all 0.3s;\n  }\n\n  .esmt-valor-item i {\n    color: #E8B800;\n    font-size: 1rem;\n  }\n\n  .esmt-valor-item:hover {\n    background: #E8B800;\n    color: #0A0A0A;\n    transform: translateY(-5px);\n  }\n  .esmt-valor-item:hover i {\n    color: #0A0A0A;\n  }\n\n  \/* Carrusel de im\u00e1genes *\/\n  .esmt-historia-imagen {\n    flex: 1;\n    min-width: 280px;\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    border: 2px solid #E8B800;\n    box-shadow: 0 20px 30px rgba(0,0,0,0.5);\n    animation: esmt-zoomSube 1s ease forwards;\n    opacity: 0;\n  }\n\n  .esmt-carousel-container {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .esmt-carousel-track-historia {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n  }\n\n  .esmt-carousel-slide-historia {\n    flex: 0 0 100%;\n    aspect-ratio: 16 \/ 10;\n    background: #1A1A1A;\n  }\n\n  .esmt-carousel-slide-historia img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* Botones del carrusel *\/\n  .esmt-carousel-btn-historia {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(0,0,0,0.6);\n    color: #E8B800;\n    border: 1px solid #E8B800;\n    border-radius: 50%;\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 10;\n    transition: all 0.3s;\n  }\n\n  .esmt-carousel-btn-historia:hover {\n    background: #E8B800;\n    color: #0A0A0A;\n  }\n\n  .esmt-prev-historia {\n    left: 10px;\n  }\n\n  .esmt-next-historia {\n    right: 10px;\n  }\n\n  \/* Puntos indicadores *\/\n  .esmt-dots-historia {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 10px;\n    position: relative;\n    bottom: 0;\n    padding: 8px 0;\n  }\n\n  .esmt-dot-historia {\n    width: 10px;\n    height: 10px;\n    background: rgba(232,184,0,0.4);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s;\n  }\n\n  .esmt-dot-historia.active {\n    background: #E8B800;\n    transform: scale(1.2);\n  }\n\n  @keyframes esmt-zoomSube {\n    from { opacity: 0; transform: scale(0.95) translateY(30px); }\n    to { opacity: 1; transform: scale(1) translateY(0); }\n  }\n\n  @keyframes esmt-fadeSlideUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 768px) {\n    .esmt-historia-container {\n      flex-direction: column;\n      text-align: center;\n    }\n    .esmt-historia-titulo {\n      font-size: 2.2rem;\n      white-space: normal;\n      border-right: none;\n      width: auto;\n      animation: esmt-fadeSlideUp 0.8s forwards;\n    }\n    .esmt-valores {\n      justify-content: center;\n    }\n    .esmt-historia-subtitulo {\n      font-size: 1rem;\n    }\n    .esmt-historia-logo img {\n      width: 60px;\n    }\n    .esmt-carousel-btn-historia {\n      width: 32px;\n      height: 32px;\n    }\n  }\n<\/style>\n\n<section class=\"esmt-historia\" id=\"esmt-historia\">\n  <div class=\"esmt-historia-container\">\n    <!-- Texto izquierda -->\n    <div class=\"esmt-historia-texto\">\n      <div class=\"esmt-historia-logo\">\n        <img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Gemini_Generated_Image_19606y19606y1960-removebg-preview.png\" alt=\"El Sabor de Mi Tierra\">\n      <\/div>\n      <h2 class=\"esmt-historia-titulo\">Nuestra Historia<\/h2>\n      <h3 class=\"esmt-historia-subtitulo\">Ra\u00edces que saben a tierra, fog\u00f3n que huele a tradici\u00f3n<\/h3>\n      <p class=\"esmt-historia-descripcion\">\n        El Sabor de Mi Tierra abri\u00f3 sus puertas en 2023 con un sue\u00f1o claro: llevar a cada mesa la esencia m\u00e1s aut\u00e9ntica de Colombia. Nacimos del amor por la cocina casera, de las recetas que se heredan en familia y del respeto por los ingredientes que hacen \u00fanica a nuestra tierra.\n      <\/p>\n      <p class=\"esmt-historia-descripcion\">\n        Desde la bandeja paisa hasta el ajiaco santafere\u00f1o, cada plato cuenta una historia. Cada parrilla encendida es un homenaje a los sabores que nos vieron crecer. Somos pasi\u00f3n, somos tradici\u00f3n, somos El Sabor de Mi Tierra.\n      <\/p>\n      <div class=\"esmt-valores\">\n        <div class=\"esmt-valor-item\"><i class=\"fas fa-leaf\"><\/i> Autenticidad<\/div>\n        <div class=\"esmt-valor-item\"><i class=\"fas fa-heart\"><\/i> Calidez familiar<\/div>\n        <div class=\"esmt-valor-item\"><i class=\"fas fa-flag-colombia\"><\/i> Respeto al producto colombiano<\/div>\n        <div class=\"esmt-valor-item\"><i class=\"fas fa-laugh-beam\"><\/i> Alegr\u00eda al servir<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Carrusel de im\u00e1genes colombianas -->\n    <div class=\"esmt-historia-imagen\">\n      <div class=\"esmt-carousel-container\">\n        <div class=\"esmt-carousel-track-historia\" id=\"esmt-carousel-track-historia\">\n          <div class=\"esmt-carousel-slide-historia\"><img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Papa-Criolla-Frita.png\" alt=\"Papa Criolla Frita\"><\/div>\n          <div class=\"esmt-carousel-slide-historia\"><img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Arepa-Boyacense.png\" alt=\"Arepa Boyacense\"><\/div>\n          <div class=\"esmt-carousel-slide-historia\"><img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Mute-Santanderano.png\" alt=\"Mute Santanderano\"><\/div>\n          <div class=\"esmt-carousel-slide-historia\"><img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Bandeja-Paisa.png\" alt=\"Bandeja Paisa\"><\/div>\n          <div class=\"esmt-carousel-slide-historia\"><img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Lechona.png\" alt=\"Lechona\"><\/div>\n        <\/div>\n        <button class=\"esmt-carousel-btn-historia esmt-prev-historia\" id=\"esmt-prev-historia\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n        <button class=\"esmt-carousel-btn-historia esmt-next-historia\" id=\"esmt-next-historia\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n      <\/div>\n      <div class=\"esmt-dots-historia\" id=\"esmt-dots-historia\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function() {\n    const slidesHistory = document.querySelectorAll('#esmt-carousel-track-historia .esmt-carousel-slide-historia');\n    const track = document.getElementById('esmt-carousel-track-historia');\n    const prevBtn = document.getElementById('esmt-prev-historia');\n    const nextBtn = document.getElementById('esmt-next-historia');\n    const dotsContainer = document.getElementById('esmt-dots-historia');\n    \n    if (slidesHistory.length === 0) return;\n    \n    let currentIndex = 0;\n    let slideWidth = 0;\n    \n    function updateCarousel() {\n      const container = track.parentElement;\n      slideWidth = container.clientWidth;\n      slidesHistory.forEach(slide => {\n        slide.style.flex = `0 0 ${slideWidth}px`;\n      });\n      track.style.transform = `translateX(-${currentIndex * slideWidth}px)`;\n    }\n    \n    function goToSlide(index) {\n      if (index < 0) index = slidesHistory.length - 1;\n      if (index >= slidesHistory.length) index = 0;\n      currentIndex = index;\n      updateCarousel();\n      updateDots();\n    }\n    \n    function nextSlide() { goToSlide(currentIndex + 1); }\n    function prevSlide() { goToSlide(currentIndex - 1); }\n    \n    function updateDots() {\n      const dots = document.querySelectorAll('.esmt-dot-historia');\n      dots.forEach((dot, idx) => {\n        dot.classList.toggle('active', idx === currentIndex);\n      });\n    }\n    \n    \/\/ Crear puntos\n    dotsContainer.innerHTML = '';\n    for (let i = 0; i < slidesHistory.length; i++) {\n      const dot = document.createElement('div');\n      dot.classList.add('esmt-dot-historia');\n      if (i === currentIndex) dot.classList.add('active');\n      dot.addEventListener('click', () => goToSlide(i));\n      dotsContainer.appendChild(dot);\n    }\n    \n    window.addEventListener('resize', updateCarousel);\n    prevBtn.addEventListener('click', prevSlide);\n    nextBtn.addEventListener('click', nextSlide);\n    \n    updateCarousel();\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4722438 e-con-full e-flex e-con e-parent\" data-id=\"4722438\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1193ce elementor-widget elementor-widget-html\" data-id=\"d1193ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\n  \/* ===== MEN\u00da VISUAL - PESTA\u00d1AS Y TARJETAS ===== *\/\n  .esmt-menu {\n    background: #0A0A0A;\n    padding: 80px 2rem;\n  }\n\n  .esmt-menu-container {\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n\n  \/* Encabezado de la secci\u00f3n *\/\n  .esmt-menu-header {\n    text-align: center;\n    margin-bottom: 3rem;\n  }\n\n  .esmt-menu-titulo {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 3rem;\n    font-weight: 800;\n    color: #E8B800;\n    animation: esmt-fadeSlideUp 0.8s ease forwards;\n  }\n\n  .esmt-menu-subtitulo {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 1.2rem;\n    color: #D4500A;\n    animation: esmt-fadeSlideUp 0.8s ease 0.2s forwards;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  \/* Pesta\u00f1as (tabs) *\/\n  .esmt-tabs {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n    margin-bottom: 2.5rem;\n    border-bottom: 1px solid rgba(232, 184, 0, 0.3);\n    padding-bottom: 0.75rem;\n  }\n\n  .esmt-tab {\n    background: transparent;\n    border: none;\n    padding: 0.8rem 1.8rem;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 1rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: #FFFFFF;\n    cursor: pointer;\n    transition: all 0.3s;\n    border-radius: 40px;\n  }\n\n  .esmt-tab i {\n    margin-right: 8px;\n    color: #E8B800;\n    transition: transform 0.2s;\n  }\n\n  .esmt-tab:hover {\n    color: #E8B800;\n    background: rgba(232, 184, 0, 0.1);\n  }\n\n  .esmt-tab:hover i {\n    transform: translateY(-2px);\n  }\n\n  .esmt-tab.active {\n    background: #E8B800;\n    color: #0A0A0A;\n  }\n\n  .esmt-tab.active i {\n    color: #0A0A0A;\n  }\n\n  \/* Contenedor de categor\u00edas *\/\n  .esmt-categoria {\n    display: none;\n  }\n\n  .esmt-categoria.active {\n    display: block;\n    animation: esmt-fadeScale 0.5s ease forwards;\n  }\n\n  \/* Grid de tarjetas *\/\n  .esmt-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 2rem;\n  }\n\n  \/* Tarjeta individual *\/\n  .esmt-card {\n    background: #0A0A0A;\n    border: 1px solid #E8B800;\n    border-radius: 20px;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n  }\n\n  .esmt-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 15px 30px rgba(232, 184, 0, 0.2);\n    border-color: #D4500A;\n  }\n\n  \/* Contenedor de la imagen: cuadrado perfecto *\/\n  .esmt-card-img-container {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n    background-color: #1A1A1A;\n  }\n\n  .esmt-card-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease;\n  }\n\n  .esmt-card:hover .esmt-card-img {\n    transform: scale(1.05);\n  }\n\n  \/* Cuerpo de la tarjeta *\/\n  .esmt-card-body {\n    padding: 1.2rem;\n  }\n\n  .esmt-card-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 1.2rem;\n    font-weight: 800;\n    color: #E8B800;\n    margin-bottom: 0.5rem;\n  }\n\n  .esmt-card-desc {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 0.85rem;\n    color: #CCCCCC;\n    margin-bottom: 1rem;\n    line-height: 1.4;\n  }\n\n  .esmt-card-price {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #D4500A;\n    border-top: 1px dashed rgba(232, 184, 0, 0.3);\n    padding-top: 0.8rem;\n    display: inline-block;\n  }\n\n  \/* Mensaje para categor\u00edas vac\u00edas *\/\n  .esmt-empty-message {\n    text-align: center;\n    padding: 3rem;\n    background: rgba(232, 184, 0, 0.05);\n    border-radius: 20px;\n    border: 1px dashed #E8B800;\n    font-family: 'Montserrat', sans-serif;\n    color: #FFFFFF;\n  }\n\n  \/* Animaciones *\/\n  @keyframes esmt-fadeSlideUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes esmt-fadeScale {\n    from { opacity: 0; transform: scale(0.95); }\n    to { opacity: 1; transform: scale(1); }\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 768px) {\n    .esmt-menu-titulo { font-size: 2rem; }\n    .esmt-tab { padding: 0.5rem 1rem; font-size: 0.8rem; }\n    .esmt-grid { gap: 1rem; }\n    .esmt-card-img-container {\n      aspect-ratio: 1 \/ 1;\n    }\n  }\n<\/style>\n\n<section class=\"esmt-menu\" id=\"esmt-menu\">\n  <div class=\"esmt-menu-container\">\n    <div class=\"esmt-menu-header\">\n      <h2 class=\"esmt-menu-titulo\">Nuestro Men\u00fa<\/h2>\n      <p class=\"esmt-menu-subtitulo\">Sabores aut\u00e9nticos de Colombia en cada plato<\/p>\n    <\/div>\n\n    <!-- Pesta\u00f1as horizontales -->\n    <div class=\"esmt-tabs\">\n      <button class=\"esmt-tab active\" data-categoria=\"entradas\"><i class=\"fas fa-mug-hot\"><\/i> Entradas \/ Snacks<\/button>\n      <button class=\"esmt-tab\" data-categoria=\"fuertes\"><i class=\"fas fa-utensils\"><\/i> Platos Fuertes<\/button>\n      <button class=\"esmt-tab\" data-categoria=\"postres\"><i class=\"fas fa-birthday-cake\"><\/i> Postres<\/button>\n      <button class=\"esmt-tab\" data-categoria=\"bebidas\"><i class=\"fas fa-wine-bottle\"><\/i> Bebidas T\u00edpicas<\/button>\n      <button class=\"esmt-tab\" data-categoria=\"parrilla\"><i class=\"fas fa-fire\"><\/i> Parrilla \/ Asados<\/button>\n    <\/div>\n\n    <!-- Categor\u00eda: Entradas \/ Snacks -->\n    <div id=\"categoria-entradas\" class=\"esmt-categoria active\">\n      <div class=\"esmt-grid\">\n        <!-- Papa Criolla Frita -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Papa-Criolla-Frita.png\" alt=\"Papa Criolla Frita\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Papa Criolla Frita<\/h3>\n            <p class=\"esmt-card-desc\">Peque\u00f1as papas criollas amarillas, fritas hasta quedar doradas y crujientes.<\/p>\n            <span class=\"esmt-card-price\">$12.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Arepa Boyacense -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Arepa-Boyacense.png\" alt=\"Arepa Boyacense\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Arepa Boyacense<\/h3>\n            <p class=\"esmt-card-desc\">Arepa de ma\u00edz amarillo, gruesa y dulce, rellena de queso y cuajada.<\/p>\n            <span class=\"esmt-card-price\">$10.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Arepa Paisa -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Arepa-Paisa.png\" alt=\"Arepa Paisa\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Arepa Paisa<\/h3>\n            <p class=\"esmt-card-desc\">Arepa blanca asada, suave, servida con mantequilla y quesito fresco.<\/p>\n            <span class=\"esmt-card-price\">$7.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Arepa Santandereana -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Arepa-Santandereana.png\" alt=\"Arepa Santandereana\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Arepa Santandereana<\/h3>\n            <p class=\"esmt-card-desc\">Arepa de ma\u00edz pelado con chicharr\u00f3n. Crujiente y llena de sabor.<\/p>\n            <span class=\"esmt-card-price\">$11.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Empanadas -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Empanadas.png\" alt=\"Empanadas\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Empanadas<\/h3>\n            <p class=\"esmt-card-desc\">Empanadas de ma\u00edz rellenas de papas, carne, arroz y especias. Con aj\u00ed casero.<\/p>\n            <span class=\"esmt-card-price\">$8.900 c\/u<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Categor\u00eda: Platos Fuertes (sin Sancocho Coste\u00f1o ni Cayeye) -->\n    <div id=\"categoria-fuertes\" class=\"esmt-categoria\">\n      <div class=\"esmt-grid\">\n        <!-- Ajiaco Santafere\u00f1o -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Ajiaco-Santafereno.png\" alt=\"Ajiaco Santafere\u00f1o\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Ajiaco Santafere\u00f1o<\/h3>\n            <p class=\"esmt-card-desc\">Sopa de pollo con tres tipos de papa, mazorca y guascas. Servido con crema de leche y alcaparras.<\/p>\n            <span class=\"esmt-card-price\">$28.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Bandeja Paisa -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Bandeja-Paisa.png\" alt=\"Bandeja Paisa\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Bandeja Paisa<\/h3>\n            <p class=\"esmt-card-desc\">Arroz, fr\u00edjoles, carne molida, chicharr\u00f3n, huevo frito, pl\u00e1tano, chorizo, arepa y aguacate.<\/p>\n            <span class=\"esmt-card-price\">$42.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Changua -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Changua.png\" alt=\"Changua\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Changua<\/h3>\n            <p class=\"esmt-card-desc\">Caldo de leche con huevo, cilantro y calao. T\u00edpico desayuno del altiplano cundiboyacense.<\/p>\n            <span class=\"esmt-card-price\">$12.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Lechona -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Lechona.png\" alt=\"Lechona\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Lechona<\/h3>\n            <p class=\"esmt-card-desc\">Cerdo asado relleno de arroz, arvejas y especias. Tradici\u00f3n del Tolima.<\/p>\n            <span class=\"esmt-card-price\">$28.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Mute Santanderano -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Mute-Santanderano.png\" alt=\"Mute Santanderano\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Mute Santanderano<\/h3>\n            <p class=\"esmt-card-desc\">Sopa densa de ma\u00edz pelado, mondongo, costilla de res y carne de cerdo.<\/p>\n            <span class=\"esmt-card-price\">$30.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Sobrebarriga Sudada -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Sobrebarriga-Sudada-o-al-Horno.png\" alt=\"Sobrebarriga Sudada\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Sobrebarriga Sudada<\/h3>\n            <p class=\"esmt-card-desc\">Carne de res tierna en hogao, servida con papas y yuca chorreadas.<\/p>\n            <span class=\"esmt-card-price\">$34.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Tamal Tolimense -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Tamal-Tolimense.png\" alt=\"Tamal Tolimense\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Tamal Tolimense<\/h3>\n            <p class=\"esmt-card-desc\">Masa de ma\u00edz con pollo, cerdo, huevo, zanahoria y arveja, envuelto en hoja de bijao.<\/p>\n            <span class=\"esmt-card-price\">$15.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Mote de Queso -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Mote-de-Queso.png\" alt=\"Mote de Queso\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Mote de Queso<\/h3>\n            <p class=\"esmt-card-desc\">Sopa espesa de \u00f1ame con queso coste\u00f1o y hogao. Ideal para antojos de queso.<\/p>\n            <span class=\"esmt-card-price\">$25.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Mojarra o Pargo Frito -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Mojarra-o-Pargo-Frito.png\" alt=\"Mojarra o Pargo Frito\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Mojarra o Pargo Frito<\/h3>\n            <p class=\"esmt-card-desc\">Pescado entero frito, acompa\u00f1ado de patacones, arroz con coco y ensalada.<\/p>\n            <span class=\"esmt-card-price\">$38.900<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Categor\u00eda: Postres -->\n    <div id=\"categoria-postres\" class=\"esmt-categoria\">\n      <div class=\"esmt-grid\">\n        <!-- Bocadillo V\u00e9leno con Queso -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Bocadillo-Veleno-con-Queso.png\" alt=\"Bocadillo V\u00e9leno con Queso\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Bocadillo V\u00e9leno con Queso<\/h3>\n            <p class=\"esmt-card-desc\">Dulce de guayaba compacto servido con queso fresco.<\/p>\n            <span class=\"esmt-card-price\">$10.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Brevas con Arequipe -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Brevas-con-Arequipe.png\" alt=\"Brevas con Arequipe\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Brevas con Arequipe<\/h3>\n            <p class=\"esmt-card-desc\">Higos en alm\u00edbar rellenos de dulce de leche. Un placer irresistible.<\/p>\n            <span class=\"esmt-card-price\">$12.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Cuajada con Melao -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Cuajada-con-Melao.png\" alt=\"Cuajada con Melao\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Cuajada con Melao<\/h3>\n            <p class=\"esmt-card-desc\">Cuajada fresca servida con alm\u00edbar de panela, un postre aut\u00e9ntico.<\/p>\n            <span class=\"esmt-card-price\">$9.900<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Categor\u00eda: Bebidas T\u00edpicas -->\n    <div id=\"categoria-bebidas\" class=\"esmt-categoria\">\n      <div class=\"esmt-grid\">\n        <!-- Chicha de Ma\u00edz -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Chicha-de-Maiz.png\" alt=\"Chicha de Ma\u00edz\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Chicha de Ma\u00edz<\/h3>\n            <p class=\"esmt-card-desc\">Bebida fermentada ancestral, dulce y refrescante.<\/p>\n            <span class=\"esmt-card-price\">$5.900<\/span>\n          <\/div>\n        <\/div>\n        <!-- Masato de Arroz -->\n        <div class=\"esmt-card\">\n          <div class=\"esmt-card-img-container\">\n            <img decoding=\"async\" class=\"esmt-card-img\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Masato-de-Arroz.png\" alt=\"Masato de Arroz\">\n          <\/div>\n          <div class=\"esmt-card-body\">\n            <h3 class=\"esmt-card-title\">Masato de Arroz<\/h3>\n            <p class=\"esmt-card-desc\">Bebida fermentada dulce y espesa, hecha de arroz, panela y especias.<\/p>\n            <span class=\"esmt-card-price\">$7.900<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Categor\u00eda: Parrilla \/ Asados (pr\u00f3ximamente) -->\n    <div id=\"categoria-parrilla\" class=\"esmt-categoria\">\n      <div class=\"esmt-empty-message\">\n        <i class=\"fas fa-fire\" style=\"font-size: 2rem; color: #E8B800;\"><\/i>\n        <h3>Pr\u00f3ximamente<\/h3>\n        <p>Estamos preparando nuestra parrilla con los mejores cortes y sabores colombianos. \u00a1No te lo pierdas!<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function() {\n    const tabs = document.querySelectorAll('.esmt-tab');\n    const categorias = document.querySelectorAll('.esmt-categoria');\n    \n    tabs.forEach(tab => {\n      tab.addEventListener('click', () => {\n        const target = tab.getAttribute('data-categoria');\n        tabs.forEach(t => t.classList.remove('active'));\n        tab.classList.add('active');\n        categorias.forEach(cat => cat.classList.remove('active'));\n        document.getElementById(`categoria-${target}`).classList.add('active');\n      });\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9222f8b e-con-full e-flex e-con e-parent\" data-id=\"9222f8b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38bb347 elementor-widget elementor-widget-html\" data-id=\"38bb347\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\n  \/* ===== GALER\u00cdA DE PLATOS - CARRUSEL ===== *\/\n  .esmt-galeria {\n    background: #0A0A0A;\n    padding: 80px 2rem;\n  }\n\n  .esmt-galeria-container {\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n\n  \/* Encabezado *\/\n  .esmt-galeria-header {\n    text-align: center;\n    margin-bottom: 3rem;\n  }\n\n  .esmt-galeria-titulo {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 3rem;\n    font-weight: 800;\n    color: #E8B800;\n    animation: esmt-fadeSlideUp 0.8s ease forwards;\n  }\n\n  .esmt-galeria-subtitulo {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 1.2rem;\n    color: #D4500A;\n    animation: esmt-fadeSlideUp 0.8s ease 0.2s forwards;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n\n  \/* Carrusel *\/\n  .esmt-carousel {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    border-radius: 24px;\n    border: 2px solid #E8B800;\n    background: #0A0A0A;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n  }\n\n  .esmt-carousel-track-container {\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .esmt-carousel-track {\n    display: flex;\n    transition: transform 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n    will-change: transform;\n  }\n\n  .esmt-carousel-slide {\n    flex: 0 0 100%;\n    position: relative;\n    background: #0A0A0A;\n  }\n\n  .esmt-carousel-slide img {\n    width: 100%;\n    height: 500px;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.3s;\n  }\n\n  .esmt-carousel-slide:hover img {\n    transform: scale(1.02);\n  }\n\n  \/* Leyenda del plato *\/\n  .esmt-slide-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.75);\n    backdrop-filter: blur(4px);\n    padding: 1rem;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 1.2rem;\n    color: #FFF;\n    transform: translateY(100%);\n    transition: transform 0.3s;\n    border-top: 1px solid #E8B800;\n  }\n\n  .esmt-carousel-slide:hover .esmt-slide-caption {\n    transform: translateY(0);\n  }\n\n  \/* Botones de navegaci\u00f3n *\/\n  .esmt-carousel-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(10, 10, 10, 0.7);\n    color: #E8B800;\n    border: 1px solid #E8B800;\n    border-radius: 50%;\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 10;\n    transition: all 0.3s;\n    backdrop-filter: blur(4px);\n  }\n\n  .esmt-carousel-btn:hover {\n    background: #E8B800;\n    color: #0A0A0A;\n    transform: translateY(-50%) scale(1.1);\n  }\n\n  .esmt-btn-prev {\n    left: 20px;\n  }\n\n  .esmt-btn-next {\n    right: 20px;\n  }\n\n  \/* Puntos indicadores *\/\n  .esmt-carousel-dots {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 20px;\n  }\n\n  .esmt-dot {\n    width: 12px;\n    height: 12px;\n    background: rgba(232, 184, 0, 0.4);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s;\n  }\n\n  .esmt-dot.active {\n    background: #E8B800;\n    transform: scale(1.3);\n  }\n\n  \/* CTA adicional debajo del carrusel *\/\n  .esmt-cta-group {\n    text-align: center;\n    margin-top: 2rem;\n  }\n\n  .esmt-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: transparent;\n    border: 2px solid #E8B800;\n    color: #E8B800;\n    padding: 0.8rem 2rem;\n    border-radius: 40px;\n    font-weight: 800;\n    text-transform: uppercase;\n    text-decoration: none;\n    transition: all 0.3s;\n  }\n\n  .esmt-cta-btn:hover {\n    background: #E8B800;\n    color: #0A0A0A;\n    transform: translateY(-3px);\n    box-shadow: 0 5px 15px rgba(232, 184, 0, 0.4);\n  }\n\n  \/* Animaciones *\/\n  @keyframes esmt-fadeSlideUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 768px) {\n    .esmt-galeria-titulo { font-size: 2rem; }\n    .esmt-carousel-slide img { height: 300px; }\n    .esmt-slide-caption { font-size: 0.9rem; transform: translateY(0); }\n    .esmt-carousel-btn { width: 36px; height: 36px; }\n  }\n<\/style>\n\n<section class=\"esmt-galeria\" id=\"esmt-galeria\">\n  <div class=\"esmt-galeria-container\">\n    <div class=\"esmt-galeria-header\">\n      <h2 class=\"esmt-galeria-titulo\">Nuestra Galer\u00eda<\/h2>\n      <p class=\"esmt-galeria-subtitulo\">Los sabores de Colombia en im\u00e1genes<\/p>\n    <\/div>\n\n    <div class=\"esmt-carousel\">\n      <div class=\"esmt-carousel-track-container\">\n        <div class=\"esmt-carousel-track\" id=\"esmt-carousel-track\">\n          <!-- Las im\u00e1genes se cargar\u00e1n con JavaScript -->\n        <\/div>\n      <\/div>\n      <button class=\"esmt-carousel-btn esmt-btn-prev\" id=\"esmt-prevBtn\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n      <button class=\"esmt-carousel-btn esmt-btn-next\" id=\"esmt-nextBtn\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n    <\/div>\n    <div class=\"esmt-carousel-dots\" id=\"esmt-carousel-dots\"><\/div>\n    <div class=\"esmt-cta-group\">\n      <a href=\"#esmt-menu\" class=\"esmt-cta-btn\"><i class=\"fas fa-list-ul\"><\/i> Ver Men\u00fa Completo<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function() {\n    \/\/ Lista de im\u00e1genes seleccionadas (10 platos representativos)\n    const platos = [\n      { nombre: \"Ajiaco Santafere\u00f1o\", url: \"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Ajiaco-Santafereno.png\" },\n      { nombre: \"Bandeja Paisa\", url: \"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Bandeja-Paisa.png\" },\n      { nombre: \"Lechona\", url: \"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Lechona.png\" },\n      { nombre: \"Mute Santanderano\", url: \"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Mute-Santanderano.png\" },\n      { nombre: \"Sobrebarriga Sudada\", url: \"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Sobrebarriga-Sudada-o-al-Horno.png\" },\n      { nombre: \"Tamal Tolimense\", url: \"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Tamal-Tolimense.png\" },\n      { nombre: \"Mojarra o Pargo Frito\", url: \"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Mojarra-o-Pargo-Frito.png\" },\n      { nombre: \"Mote de Queso\", url: \"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Mote-de-Queso.png\" },\n      { nombre: \"Arepa Boyacense\", url: \"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Arepa-Boyacense.png\" },\n      { nombre: \"Papa Criolla Frita\", url: \"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Papa-Criolla-Frita.png\" }\n    ];\n\n    const track = document.getElementById('esmt-carousel-track');\n    const dotsContainer = document.getElementById('esmt-carousel-dots');\n    const prevBtn = document.getElementById('esmt-prevBtn');\n    const nextBtn = document.getElementById('esmt-nextBtn');\n\n    let currentIndex = 0;\n    let slideWidth = 0;\n    let autoplayInterval;\n    const autoplayDelay = 3500;\n\n    \/\/ Construir slides y dots\n    function buildCarousel() {\n      track.innerHTML = '';\n      dotsContainer.innerHTML = '';\n      platos.forEach((plato, idx) => {\n        const slide = document.createElement('div');\n        slide.className = 'esmt-carousel-slide';\n        slide.innerHTML = `\n          <img decoding=\"async\" src=\"${plato.url}\" alt=\"${plato.nombre}\" loading=\"lazy\">\n          <div class=\"esmt-slide-caption\">${plato.nombre}<\/div>\n        `;\n        track.appendChild(slide);\n\n        const dot = document.createElement('div');\n        dot.className = 'esmt-dot';\n        dot.dataset.index = idx;\n        dot.addEventListener('click', () => goToSlide(idx));\n        dotsContainer.appendChild(dot);\n      });\n      updateDots();\n      updateTrackWidth();\n    }\n\n    function updateTrackWidth() {\n      const slides = document.querySelectorAll('.esmt-carousel-slide');\n      if (slides.length === 0) return;\n      slideWidth = slides[0].getBoundingClientRect().width;\n      slides.forEach(slide => {\n        slide.style.flex = `0 0 ${slideWidth}px`;\n      });\n      track.style.transform = `translateX(-${currentIndex * slideWidth}px)`;\n    }\n\n    function goToSlide(index) {\n      if (index < 0) index = platos.length - 1;\n      if (index >= platos.length) index = 0;\n      currentIndex = index;\n      track.style.transform = `translateX(-${currentIndex * slideWidth}px)`;\n      updateDots();\n      resetAutoplay();\n    }\n\n    function nextSlide() { goToSlide(currentIndex + 1); }\n    function prevSlide() { goToSlide(currentIndex - 1); }\n\n    function updateDots() {\n      const dots = document.querySelectorAll('.esmt-dot');\n      dots.forEach((dot, idx) => {\n        dot.classList.toggle('active', idx === currentIndex);\n      });\n    }\n\n    function startAutoplay() {\n      if (autoplayInterval) clearInterval(autoplayInterval);\n      autoplayInterval = setInterval(() => nextSlide(), autoplayDelay);\n    }\n    function resetAutoplay() {\n      if (autoplayInterval) {\n        clearInterval(autoplayInterval);\n        startAutoplay();\n      }\n    }\n    function pauseAutoplay() { if (autoplayInterval) clearInterval(autoplayInterval); }\n\n    window.addEventListener('resize', () => updateTrackWidth());\n    prevBtn.addEventListener('click', prevSlide);\n    nextBtn.addEventListener('click', nextSlide);\n\n    const carouselContainer = document.querySelector('.esmt-carousel');\n    carouselContainer.addEventListener('mouseenter', pauseAutoplay);\n    carouselContainer.addEventListener('mouseleave', startAutoplay);\n\n    buildCarousel();\n    startAutoplay();\n    window.addEventListener('load', () => updateTrackWidth());\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47cd8d7 e-con-full e-flex e-con e-parent\" data-id=\"47cd8d7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4bbfbb elementor-widget elementor-widget-html\" data-id=\"a4bbfbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\n  \/* ===== RESERVAS ===== *\/\n  .esmt-reservas {\n    background: #0A0A0A;\n    padding: 80px 2rem;\n  }\n  .esmt-reservas-container {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .esmt-reservas-header {\n    text-align: center;\n    margin-bottom: 3rem;\n  }\n  .esmt-reservas-titulo {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 3rem;\n    font-weight: 800;\n    color: #E8B800;\n    animation: esmt-fadeSlideUp 0.8s ease forwards;\n  }\n  .esmt-reservas-subtitulo {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 1.2rem;\n    color: #D4500A;\n    animation: esmt-fadeSlideUp 0.8s ease 0.2s forwards;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n  .esmt-reservas-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 2rem;\n  }\n  .esmt-reservas-form,\n  .esmt-reservas-mapa {\n    flex: 1;\n    min-width: 280px;\n    background: rgba(0,0,0,0.4);\n    border: 1px solid #E8B800;\n    border-radius: 20px;\n    padding: 1.5rem;\n    backdrop-filter: blur(2px);\n  }\n  .esmt-mapa-titulo, .esmt-form-title {\n    font-family: 'Montserrat', sans-serif;\n    text-align: center;\n    color: #E8B800;\n    margin-bottom: 1.5rem;\n    font-size: 1.3rem;\n  }\n  .esmt-mapa-grid {\n    display: grid;\n    grid-template-columns: repeat(10, 1fr);\n    gap: 8px;\n    margin-bottom: 1rem;\n  }\n  .esmt-mesa {\n    background: #1A1A1A;\n    border: 1px solid #E8B800;\n    border-radius: 8px;\n    aspect-ratio: 1 \/ 0.8;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.7rem;\n    font-weight: bold;\n    color: #FFF;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n  .esmt-mesa.disponible { background: #1A1A1A; color: #FFF; }\n  .esmt-mesa.seleccionada { background: #D4500A; border-color: #E8B800; color: #FFF; transform: scale(1.02); box-shadow: 0 0 8px #E8B800; }\n  .esmt-mesa.reservada { background: #333; border-color: #666; color: #666; cursor: not-allowed; opacity: 0.5; }\n  .esmt-mesa:hover:not(.reservada) { background: #E8B800; color: #0A0A0A; }\n  .esmt-leyenda {\n    display: flex;\n    justify-content: center;\n    gap: 1rem;\n    font-size: 0.7rem;\n    margin-top: 1rem;\n  }\n  .esmt-leyenda span { display: inline-flex; align-items: center; gap: 5px; }\n  .esmt-campo {\n    margin-bottom: 1rem;\n  }\n  .esmt-campo label {\n    display: block;\n    font-weight: 600;\n    margin-bottom: 5px;\n    color: #E8B800;\n  }\n  .esmt-campo input, .esmt-campo select, .esmt-campo textarea {\n    width: 100%;\n    padding: 10px;\n    background: #1A1A1A;\n    border: 1px solid #E8B800;\n    border-radius: 8px;\n    color: white;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .esmt-botones {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n    margin-top: 1.5rem;\n    justify-content: space-between;\n  }\n  .esmt-btn-reserva {\n    background: #D4500A;\n    border: none;\n    color: white;\n    padding: 12px 20px;\n    border-radius: 40px;\n    font-weight: bold;\n    cursor: pointer;\n    transition: all 0.3s;\n    flex: 1;\n    text-align: center;\n  }\n  .esmt-btn-reserva i { margin-right: 8px; }\n  .esmt-btn-reserva:hover {\n    background: #E8B800;\n    color: #0A0A0A;\n    transform: translateY(-2px);\n  }\n  .esmt-btn-wa { background: #25D366; }\n  .esmt-btn-wa:hover { background: #128C7E; color: white; }\n  .esmt-btn-sheets { background: #0F9D58; }\n  .esmt-btn-calendar { background: #4285F4; }\n  .esmt-mensaje {\n    margin-top: 1rem;\n    padding: 10px;\n    border-radius: 8px;\n    text-align: center;\n    display: none;\n  }\n  .esmt-mensaje.exito { background: #2D7A1F; color: white; display: block; }\n  .esmt-mensaje.error { background: #C41A1A; color: white; display: block; }\n  @keyframes esmt-fadeSlideUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  @media (max-width: 768px) {\n    .esmt-reservas-titulo { font-size: 2rem; }\n    .esmt-mapa-grid { gap: 4px; }\n    .esmt-mesa { font-size: 0.5rem; }\n  }\n<\/style>\n\n<section class=\"esmt-reservas\" id=\"esmt-reservas\">\n  <div class=\"esmt-reservas-container\">\n    <div class=\"esmt-reservas-header\">\n      <h2 class=\"esmt-reservas-titulo\">Reserva tu Mesa<\/h2>\n      <p class=\"esmt-reservas-subtitulo\">Selecciona fecha, hora y elige tu mesa favorita<\/p>\n    <\/div>\n    <div class=\"esmt-reservas-grid\">\n      <!-- Formulario izquierdo -->\n      <div class=\"esmt-reservas-form\">\n        <h3 class=\"esmt-form-title\"><i class=\"fas fa-edit\"><\/i> Tus datos<\/h3>\n        <div class=\"esmt-campo\">\n          <label><i class=\"fas fa-user\"><\/i> Nombre completo<\/label>\n          <input type=\"text\" id=\"esmt-nombre\" placeholder=\"Ej: Mar\u00eda Gonz\u00e1lez\">\n        <\/div>\n        <div class=\"esmt-campo\">\n          <label><i class=\"fas fa-envelope\"><\/i> Email<\/label>\n          <input type=\"email\" id=\"esmt-email\" placeholder=\"correo@ejemplo.com\">\n        <\/div>\n        <div class=\"esmt-campo\">\n          <label><i class=\"fas fa-phone\"><\/i> Tel\u00e9fono<\/label>\n          <input type=\"tel\" id=\"esmt-telefono\" placeholder=\"3100000000\">\n        <\/div>\n        <div class=\"esmt-campo\">\n          <label><i class=\"fas fa-calendar-alt\"><\/i> Fecha<\/label>\n          <input type=\"date\" id=\"esmt-fecha\">\n        <\/div>\n        <div class=\"esmt-campo\">\n          <label><i class=\"fas fa-clock\"><\/i> Hora<\/label>\n          <select id=\"esmt-hora\">\n            <option value=\"12:00\">12:00 PM<\/option>\n            <option value=\"13:00\">1:00 PM<\/option>\n            <option value=\"14:00\">2:00 PM<\/option>\n            <option value=\"18:00\">6:00 PM<\/option>\n            <option value=\"19:00\">7:00 PM<\/option>\n            <option value=\"20:00\">8:00 PM<\/option>\n            <option value=\"21:00\">9:00 PM<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"esmt-campo\">\n          <label><i class=\"fas fa-users\"><\/i> N\u00famero de personas<\/label>\n          <input type=\"number\" id=\"esmt-personas\" min=\"1\" max=\"20\" value=\"2\">\n        <\/div>\n        <div class=\"esmt-campo\">\n          <label><i class=\"fas fa-pen\"><\/i> Solicitudes especiales<\/label>\n          <textarea id=\"esmt-solicitudes\" rows=\"2\" placeholder=\"Alergias, celebraciones, etc.\"><\/textarea>\n        <\/div>\n        <input type=\"hidden\" id=\"esmt-mesa-seleccionada\" value=\"\">\n        <div class=\"esmt-botones\">\n          <button id=\"esmt-btn-wa\" class=\"esmt-btn-reserva esmt-btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\n          <button id=\"esmt-btn-sheets\" class=\"esmt-btn-reserva esmt-btn-sheets\"><i class=\"fas fa-table\"><\/i> Confirmar<\/button>\n          <button id=\"esmt-btn-calendar\" class=\"esmt-btn-reserva esmt-btn-calendar\"><i class=\"fas fa-calendar-plus\"><\/i> Google Calendar<\/button>\n        <\/div>\n        <div id=\"esmt-mensaje\" class=\"esmt-mensaje\"><\/div>\n      <\/div>\n\n      <!-- Mapa de mesas -->\n      <div class=\"esmt-reservas-mapa\">\n        <h3 class=\"esmt-mapa-titulo\"><i class=\"fas fa-chair\"><\/i> Elige tu mesa<\/h3>\n        <div class=\"esmt-mapa-grid\" id=\"esmt-mapa-grid\"><\/div>\n        <div class=\"esmt-leyenda\">\n          <span><i class=\"fas fa-square\" style=\"color:#1A1A1A; border:1px solid #E8B800;\"><\/i> Disponible<\/span>\n          <span><i class=\"fas fa-square\" style=\"color:#D4500A;\"><\/i> Seleccionada<\/span>\n          <span><i class=\"fas fa-square\" style=\"color:#666;\"><\/i> Reservada<\/span>\n        <\/div>\n        <p id=\"esmt-mesa-info\" style=\"text-align:center; margin-top:10px; font-size:0.8rem;\">Haz clic en una mesa<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function() {\n    \/\/ Configuraci\u00f3n: URL del Apps Script (reemplazar si es necesario)\n    const GOOGLE_SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbzNRiiAZ47DDfqSEkj66b_-sWPFToeW-a-SyLqbCFYhoRQwW_9M4qFBdi63MofWXhs\/exec';\n    \n    const totalMesas = 50;\n    let mesasEstado = [];\n    let mesaSeleccionada = null;\n\n    \/\/ Inicializar mesas (algunas reservadas simuladas)\n    function initMesas() {\n      for (let i = 1; i <= totalMesas; i++) {\n        if ([5,12,23,34,45].includes(i)) {\n          mesasEstado[i] = 'reservada';\n        } else {\n          mesasEstado[i] = 'disponible';\n        }\n      }\n    }\n\n    function renderMapa() {\n      const container = document.getElementById('esmt-mapa-grid');\n      container.innerHTML = '';\n      for (let i = 1; i <= totalMesas; i++) {\n        const mesa = document.createElement('div');\n        mesa.className = `esmt-mesa ${mesasEstado[i]}`;\n        mesa.textContent = i;\n        mesa.dataset.mesa = i;\n        if (mesasEstado[i] !== 'reservada') {\n          mesa.addEventListener('click', (function(num) {\n            return function() { seleccionarMesa(num); };\n          })(i));\n        }\n        container.appendChild(mesa);\n      }\n    }\n\n    function seleccionarMesa(num) {\n      if (mesasEstado[num] === 'reservada') return;\n      if (mesaSeleccionada !== null && mesasEstado[mesaSeleccionada] === 'seleccionada') {\n        mesasEstado[mesaSeleccionada] = 'disponible';\n      }\n      mesaSeleccionada = num;\n      mesasEstado[num] = 'seleccionada';\n      document.getElementById('esmt-mesa-seleccionada').value = num;\n      document.getElementById('esmt-mesa-info').innerHTML = `Mesa seleccionada: ${num}`;\n      renderMapa();\n    }\n\n    function getDatosReserva() {\n      return {\n        nombre: document.getElementById('esmt-nombre').value.trim(),\n        email: document.getElementById('esmt-email').value.trim(),\n        telefono: document.getElementById('esmt-telefono').value.trim(),\n        fecha: document.getElementById('esmt-fecha').value,\n        hora: document.getElementById('esmt-hora').value,\n        personas: document.getElementById('esmt-personas').value,\n        solicitudes: document.getElementById('esmt-solicitudes').value,\n        mesa: document.getElementById('esmt-mesa-seleccionada').value\n      };\n    }\n\n    function validarDatos(datos) {\n      if (!datos.nombre || !datos.email || !datos.telefono || !datos.fecha || !datos.hora || !datos.mesa) {\n        return false;\n      }\n      if (!\/^\\S+@\\S+\\.\\S+$\/.test(datos.email)) return false;\n      if (!\/^\\d{10,}$\/.test(datos.telefono.replace(\/\\D\/g,''))) return false;\n      return true;\n    }\n\n    function mostrarMensaje(texto, tipo) {\n      const msgDiv = document.getElementById('esmt-mensaje');\n      msgDiv.textContent = texto;\n      msgDiv.className = `esmt-mensaje ${tipo}`;\n      setTimeout(() => msgDiv.className = 'esmt-mensaje', 5000);\n    }\n\n    \/\/ Bot\u00f3n WhatsApp\n    document.getElementById('esmt-btn-wa').addEventListener('click', () => {\n      const datos = getDatosReserva();\n      if (!validarDatos(datos)) {\n        mostrarMensaje('Completa todos los campos y selecciona una mesa.', 'error');\n        return;\n      }\n      const mensaje = `Hola%2C%20quiero%20hacer%20una%20reserva.%0A%0ANombre%3A%20${encodeURIComponent(datos.nombre)}%0AEmail%3A%20${encodeURIComponent(datos.email)}%0ATel\u00e9fono%3A%20${encodeURIComponent(datos.telefono)}%0AFecha%3A%20${datos.fecha}%0AHora%3A%20${datos.hora}%0APersonas%3A%20${datos.personas}%0AMesa%3A%20${datos.mesa}%0ASolicitudes%3A%20${encodeURIComponent(datos.solicitudes)}`;\n      window.open(`https:\/\/wa.me\/573100000000?text=${mensaje}`, '_blank');\n    });\n\n    \/\/ Bot\u00f3n Confirmar (Google Sheets)\n    document.getElementById('esmt-btn-sheets').addEventListener('click', async () => {\n      const datos = getDatosReserva();\n      if (!validarDatos(datos)) {\n        mostrarMensaje('Completa todos los campos y selecciona una mesa.', 'error');\n        return;\n      }\n      mostrarMensaje('Enviando reserva...', 'exito');\n      try {\n        await fetch(GOOGLE_SCRIPT_URL, {\n          method: 'POST',\n          mode: 'no-cors',\n          headers: { 'Content-Type': 'application\/json' },\n          body: JSON.stringify(datos)\n        });\n        mostrarMensaje('\u00a1Reserva confirmada! Te contactaremos pronto.', 'exito');\n        \/\/ Opcional: limpiar selecci\u00f3n de mesa\n      } catch (error) {\n        console.error(error);\n        mostrarMensaje('Error al enviar. Intenta nuevamente.', 'error');\n      }\n    });\n\n    \/\/ Bot\u00f3n Google Calendar\n    document.getElementById('esmt-btn-calendar').addEventListener('click', () => {\n      const datos = getDatosReserva();\n      if (!validarDatos(datos)) {\n        mostrarMensaje('Completa todos los campos y selecciona una mesa.', 'error');\n        return;\n      }\n      const start = `${datos.fecha}T${datos.hora}:00`;\n      const endHour = parseInt(datos.hora.split(':')[0]) + 1;\n      const end = `${datos.fecha}T${endHour}:00`;\n      const title = `Reserva El Sabor de Mi Tierra - Mesa ${datos.mesa}`;\n      const url = `https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE&text=${encodeURIComponent(title)}&dates=${start.replace(\/[-:]\/g, '')}\/${end.replace(\/[-:]\/g, '')}&details=${encodeURIComponent(`Personas: ${datos.personas}\\nSolicitudes: ${datos.solicitudes}`)}&location=El%20Sabor%20de%20Mi%20Tierra%20Usaqu\u00e9n`;\n      window.open(url, '_blank');\n    });\n\n    \/\/ Inicializar\n    initMesas();\n    renderMapa();\n    const today = new Date().toISOString().split('T')[0];\n    document.getElementById('esmt-fecha').min = today;\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2de8744 e-con-full e-flex e-con e-parent\" data-id=\"2de8744\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4af1a6 elementor-widget elementor-widget-html\" data-id=\"e4af1a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n\n<style>\n  \/* ===== DELIVERY ===== *\/\n  .esmt-delivery {\n    background: #0A0A0A;\n    padding: 80px 2rem;\n  }\n  .esmt-delivery-container {\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n  .esmt-delivery-header {\n    text-align: center;\n    margin-bottom: 3rem;\n  }\n  .esmt-delivery-titulo {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 3rem;\n    font-weight: 800;\n    color: #E8B800;\n    animation: esmt-fadeSlideUp 0.8s ease forwards;\n  }\n  .esmt-delivery-subtitulo {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 1.2rem;\n    color: #D4500A;\n    animation: esmt-fadeSlideUp 0.8s ease 0.2s forwards;\n    opacity: 0;\n    animation-fill-mode: forwards;\n  }\n  .esmt-delivery-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 2rem;\n  }\n  \/* Plataformas *\/\n  .esmt-delivery-platforms,\n  .esmt-delivery-form,\n  .esmt-delivery-map {\n    flex: 1;\n    min-width: 280px;\n    background: rgba(0,0,0,0.4);\n    border: 1px solid #E8B800;\n    border-radius: 20px;\n    padding: 1.5rem;\n    backdrop-filter: blur(2px);\n    animation: esmt-fadeSlideUp 0.8s ease forwards;\n    opacity: 0;\n  }\n  .esmt-delivery-platforms { animation-delay: 0.1s; }\n  .esmt-delivery-form { animation-delay: 0.2s; }\n  .esmt-delivery-map { animation-delay: 0.3s; }\n  .esmt-platforms-title, .esmt-form-title, .esmt-map-title {\n    font-family: 'Montserrat', sans-serif;\n    text-align: center;\n    color: #E8B800;\n    margin-bottom: 1.5rem;\n    font-size: 1.3rem;\n  }\n  .esmt-platforms-list {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n  .esmt-platform-item {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    background: #1A1A1A;\n    border: 1px solid #E8B800;\n    border-radius: 60px;\n    padding: 0.8rem 1.2rem;\n    transition: all 0.3s;\n  }\n  .esmt-platform-item i {\n    font-size: 2rem;\n    color: #E8B800;\n    transition: transform 0.2s;\n  }\n  .esmt-platform-item span {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    color: white;\n    flex: 1;\n  }\n  .esmt-platform-item .esmt-btn-delivery {\n    background: #D4500A;\n    border: none;\n    color: white;\n    padding: 8px 16px;\n    border-radius: 40px;\n    font-weight: bold;\n    cursor: pointer;\n    transition: all 0.3s;\n  }\n  .esmt-platform-item:hover {\n    background: rgba(232,184,0,0.1);\n    transform: translateX(5px);\n  }\n  .esmt-platform-item:hover i {\n    transform: scale(1.1);\n    color: #D4500A;\n  }\n  \/* Formulario *\/\n  .esmt-campo {\n    margin-bottom: 1rem;\n  }\n  .esmt-campo label {\n    display: block;\n    font-weight: 600;\n    margin-bottom: 5px;\n    color: #E8B800;\n  }\n  .esmt-campo input, .esmt-campo select, .esmt-campo textarea {\n    width: 100%;\n    padding: 10px;\n    background: #1A1A1A;\n    border: 1px solid #E8B800;\n    border-radius: 8px;\n    color: white;\n    font-family: 'Montserrat', sans-serif;\n  }\n  .esmt-btn-whatsapp {\n    background: #25D366;\n    width: 100%;\n    margin-top: 1rem;\n  }\n  .esmt-btn-whatsapp:hover {\n    background: #128C7E;\n    color: white;\n  }\n  \/* Mapa *\/\n  #esmt-cobertura-map {\n    height: 250px;\n    border-radius: 16px;\n    border: 1px solid #E8B800;\n    overflow: hidden;\n    margin-bottom: 0.5rem;\n  }\n  .esmt-cobertura-info {\n    text-align: center;\n    font-size: 0.8rem;\n    color: #D4500A;\n  }\n  .esmt-btn-reserva {\n    background: #D4500A;\n    border: none;\n    color: white;\n    padding: 12px 20px;\n    border-radius: 40px;\n    font-weight: bold;\n    cursor: pointer;\n    transition: all 0.3s;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n  }\n  .esmt-btn-reserva:hover {\n    background: #E8B800;\n    color: #0A0A0A;\n    transform: translateY(-2px);\n  }\n  .esmt-mensaje {\n    margin-top: 1rem;\n    padding: 10px;\n    border-radius: 8px;\n    text-align: center;\n    display: none;\n  }\n  .esmt-mensaje.exito { background: #2D7A1F; color: white; display: block; }\n  .esmt-mensaje.error { background: #C41A1A; color: white; display: block; }\n  @keyframes esmt-fadeSlideUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  @media (max-width: 768px) {\n    .esmt-delivery-titulo { font-size: 2rem; }\n    .esmt-platform-item { padding: 0.6rem 1rem; }\n    .esmt-platform-item i { font-size: 1.5rem; }\n  }\n<\/style>\n\n<section class=\"esmt-delivery\" id=\"esmt-delivery\">\n  <div class=\"esmt-delivery-container\">\n    <div class=\"esmt-delivery-header\">\n      <h2 class=\"esmt-delivery-titulo\">Disfruta en Casa<\/h2>\n      <p class=\"esmt-delivery-subtitulo\">Llevamos los sabores de Colombia hasta tu puerta<\/p>\n    <\/div>\n    <div class=\"esmt-delivery-grid\">\n      <!-- Tarjetas de plataformas -->\n      <div class=\"esmt-delivery-platforms\">\n        <h3 class=\"esmt-platforms-title\"><i class=\"fas fa-mobile-alt\"><\/i> Pide en tu App favorita<\/h3>\n        <div class=\"esmt-platforms-list\">\n          <div class=\"esmt-platform-item\">\n            <i class=\"fas fa-motorcycle\"><\/i>\n            <span>Rappi<\/span>\n            <button class=\"esmt-btn-delivery\" onclick=\"window.open('https:\/\/www.rappi.com.co\/', '_blank')\">Pedir ahora<\/button>\n          <\/div>\n          <div class=\"esmt-platform-item\">\n            <i class=\"fas fa-car-side\"><\/i>\n            <span>Didi Food<\/span>\n            <button class=\"esmt-btn-delivery\" onclick=\"window.open('https:\/\/www.didifood.com\/', '_blank')\">Pedir ahora<\/button>\n          <\/div>\n          <div class=\"esmt-platform-item\">\n            <i class=\"fas fa-hamburger\"><\/i>\n            <span>Uber Eats<\/span>\n            <button class=\"esmt-btn-delivery\" onclick=\"window.open('https:\/\/www.ubereats.com\/', '_blank')\">Pedir ahora<\/button>\n          <\/div>\n        <\/div>\n        <div style=\"text-align: center; margin-top: 1rem;\">\n          <i class=\"fas fa-clock\"><\/i> Horario de delivery: 12:00 p.m. - 10:00 p.m.\n        <\/div>\n      <\/div>\n\n      <!-- Formulario de pedido por WhatsApp -->\n      <div class=\"esmt-delivery-form\">\n        <h3 class=\"esmt-form-title\"><i class=\"fab fa-whatsapp\"><\/i> Pedido por WhatsApp<\/h3>\n        <div class=\"esmt-campo\">\n          <label><i class=\"fas fa-user\"><\/i> Nombre completo<\/label>\n          <input type=\"text\" id=\"esmt-delivery-nombre\" placeholder=\"Ej: Carlos L\u00f3pez\">\n        <\/div>\n        <div class=\"esmt-campo\">\n          <label><i class=\"fas fa-map-marker-alt\"><\/i> Direcci\u00f3n<\/label>\n          <input type=\"text\" id=\"esmt-delivery-direccion\" placeholder=\"Calle, n\u00famero, barrio\">\n        <\/div>\n        <div class=\"esmt-campo\">\n          <label><i class=\"fas fa-phone\"><\/i> Tel\u00e9fono<\/label>\n          <input type=\"tel\" id=\"esmt-delivery-telefono\" placeholder=\"3100000000\">\n        <\/div>\n        <div class=\"esmt-campo\">\n          <label><i class=\"fas fa-pizza-slice\"><\/i> Pedido<\/label>\n          <textarea id=\"esmt-delivery-pedido\" rows=\"2\" placeholder=\"Describe tu pedido (platos, cantidad, observaciones)\"><\/textarea>\n        <\/div>\n        <button id=\"esmt-pedido-wa\" class=\"esmt-btn-reserva esmt-btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> Enviar pedido por WhatsApp<\/button>\n        <div id=\"esmt-delivery-mensaje\" class=\"esmt-mensaje\"><\/div>\n      <\/div>\n\n      <!-- Mapa de cobertura -->\n      <div class=\"esmt-delivery-map\">\n        <h3 class=\"esmt-map-title\"><i class=\"fas fa-map-marked-alt\"><\/i> Zona de cobertura<\/h3>\n        <div id=\"esmt-cobertura-map\"><\/div>\n        <div class=\"esmt-cobertura-info\">\n          <i class=\"fas fa-circle\" style=\"color: #E8B800; font-size: 0.6rem;\"><\/i> Radio de 5 km desde Usaqu\u00e9n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function() {\n    \/\/ Configuraci\u00f3n del mapa: coordenadas de Usaqu\u00e9n (Bogot\u00e1)\n    const centerCoords = [4.6952, -74.0309];\n    const coverageRadius = 5000; \/\/ 5 km en metros\n\n    const map = L.map('esmt-cobertura-map').setView(centerCoords, 13);\n    L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/dark_all\/{z}\/{x}\/{y}{r}.png', {\n      attribution: '&copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OSM<\/a> &copy; CARTO',\n      subdomains: 'abcd'\n    }).addTo(map);\n\n    \/\/ Marcador del restaurante\n    L.marker(centerCoords).addTo(map).bindPopup(\"<b>El Sabor de Mi Tierra<\/b><br>\ud83d\udccd Usaqu\u00e9n, Bogot\u00e1\");\n\n    \/\/ C\u00edrculo de cobertura\n    L.circle(centerCoords, {\n      color: '#E8B800',\n      fillColor: '#D4500A',\n      fillOpacity: 0.2,\n      radius: coverageRadius\n    }).addTo(map);\n\n    \/\/ Bot\u00f3n de pedido por WhatsApp\n    document.getElementById('esmt-pedido-wa').addEventListener('click', () => {\n      const nombre = document.getElementById('esmt-delivery-nombre').value.trim();\n      const direccion = document.getElementById('esmt-delivery-direccion').value.trim();\n      const telefono = document.getElementById('esmt-delivery-telefono').value.trim();\n      const pedido = document.getElementById('esmt-delivery-pedido').value.trim();\n\n      if (!nombre || !direccion || !telefono || !pedido) {\n        const msgDiv = document.getElementById('esmt-delivery-mensaje');\n        msgDiv.textContent = 'Por favor completa todos los campos.';\n        msgDiv.className = 'esmt-mensaje error';\n        setTimeout(() => msgDiv.className = 'esmt-mensaje', 4000);\n        return;\n      }\n      const telefonoLimpio = telefono.replace(\/\\D\/g, '');\n      if (telefonoLimpio.length < 10) {\n        const msgDiv = document.getElementById('esmt-delivery-mensaje');\n        msgDiv.textContent = 'N\u00famero de tel\u00e9fono inv\u00e1lido.';\n        msgDiv.className = 'esmt-mensaje error';\n        setTimeout(() => msgDiv.className = 'esmt-mensaje', 4000);\n        return;\n      }\n      const mensaje = `Hola%2C%20quiero%20hacer%20un%20pedido%20a%20domicilio.%0A%0A\ud83d\udcdd%20Pedido%3A%20${encodeURIComponent(pedido)}%0A\ud83d\udc64%20Nombre%3A%20${encodeURIComponent(nombre)}%0A\ud83d\udccd%20Direcci%C3%B3n%3A%20${encodeURIComponent(direccion)}%0A\ud83d\udcde%20Tel%C3%A9fono%3A%20${encodeURIComponent(telefonoLimpio)}`;\n      window.open(`https:\/\/wa.me\/573100000000?text=${mensaje}`, '_blank');\n      const msgDiv = document.getElementById('esmt-delivery-mensaje');\n      msgDiv.textContent = '\u00a1Pedido enviado! Te contactaremos pronto.';\n      msgDiv.className = 'esmt-mensaje exito';\n      setTimeout(() => msgDiv.className = 'esmt-mensaje', 4000);\n    });\n\n    setTimeout(() => map.invalidateSize(), 300);\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ee3b70 e-con-full e-flex e-con e-parent\" data-id=\"3ee3b70\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-830af3d elementor-widget elementor-widget-html\" data-id=\"830af3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\n  \/* ===== FOOTER EL SABOR DE MI TIERRA ===== *\/\n  .esmt-footer {\n    background: #0A0A0A;\n    border-top: 2px solid #E8B800;\n    padding: 60px 2rem 30px;\n    font-family: 'Montserrat', sans-serif;\n  }\n\n  .esmt-footer-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center; \/* Centrado vertical de todas las columnas *\/\n    gap: 2rem;\n  }\n\n  \/* 4 columnas *\/\n  .esmt-footer-col {\n    flex: 1;\n    min-width: 180px;\n    animation: esmt-fadeSlideUp 0.8s ease forwards;\n    opacity: 0;\n  }\n\n  .esmt-footer-col:nth-child(1) { animation-delay: 0.1s; }\n  .esmt-footer-col:nth-child(2) { animation-delay: 0.2s; }\n  .esmt-footer-col:nth-child(3) { animation-delay: 0.3s; }\n  .esmt-footer-col:nth-child(4) { animation-delay: 0.4s; }\n\n  \/* Primera columna: centrar logo y slogan *\/\n  .esmt-footer-col:first-child {\n    text-align: center;\n  }\n\n  \/* Logo m\u00e1s grande *\/\n  .esmt-footer-logo img {\n    width: 220px;\n    height: auto;\n    margin-bottom: 0.5rem;\n    transition: transform 0.3s;\n  }\n\n  .esmt-footer-logo img:hover {\n    transform: scale(1.02);\n  }\n\n  \/* Slogan centrado debajo del logo *\/\n  .esmt-slogan {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 0.9rem;\n    color: #D4500A;\n    font-weight: 500;\n    letter-spacing: 1px;\n    margin-top: 0;\n  }\n\n  \/* T\u00edtulos de secci\u00f3n (para las dem\u00e1s columnas) *\/\n  .esmt-footer-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #E8B800;\n    margin-bottom: 1rem;\n    letter-spacing: 1px;\n    border-left: 3px solid #D4500A;\n    padding-left: 10px;\n  }\n\n  \/* Enlaces r\u00e1pidos *\/\n  .esmt-footer-links {\n    list-style: none;\n    padding: 0;\n    margin-top: 1rem;\n  }\n\n  .esmt-footer-links li {\n    margin-bottom: 0.8rem;\n  }\n\n  .esmt-footer-links li a {\n    color: #FFFFFF;\n    text-decoration: none;\n    transition: color 0.3s, padding-left 0.2s;\n    display: inline-block;\n  }\n\n  .esmt-footer-links li a:hover {\n    color: #E8B800;\n    padding-left: 5px;\n  }\n\n  \/* Horarios y contacto (columnas intermedias) *\/\n  .esmt-footer-info p {\n    margin: 0.5rem 0;\n    color: #CCCCCC;\n    font-size: 0.9rem;\n  }\n\n  .esmt-footer-info i {\n    width: 30px;\n    color: #D4500A;\n    margin-right: 8px;\n  }\n\n  \/* Columna 4: Contacto y S\u00edguenos centrados horizontal y verticalmente *\/\n  .esmt-footer-col:last-child {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n  }\n\n  .esmt-footer-col:last-child .esmt-footer-title {\n    border-left: none;\n    padding-left: 0;\n    display: inline-block;\n    border-bottom: 2px solid #D4500A;\n    padding-bottom: 5px;\n  }\n\n  .esmt-footer-col:last-child .esmt-footer-info i {\n    margin-right: 5px;\n  }\n\n  \/* Redes sociales centradas *\/\n  .esmt-social {\n    margin-top: 1.5rem;\n    display: flex;\n    justify-content: center;\n    gap: 1rem;\n    flex-wrap: wrap;\n  }\n\n  .esmt-social a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: #1A1A1A;\n    border: 1px solid #E8B800;\n    border-radius: 50%;\n    color: #E8B800;\n    font-size: 1.2rem;\n    transition: all 0.3s;\n  }\n\n  .esmt-social a:hover {\n    background: #E8B800;\n    color: #0A0A0A;\n    transform: translateY(-3px);\n  }\n\n  \/* Copyright *\/\n  .esmt-copyright {\n    text-align: center;\n    margin-top: 3rem;\n    padding-top: 1.5rem;\n    border-top: 1px solid rgba(232, 184, 0, 0.3);\n    font-size: 0.8rem;\n    color: #888;\n    animation: esmt-fadeSlideUp 0.8s ease 0.5s forwards;\n    opacity: 0;\n  }\n\n  @keyframes esmt-fadeSlideUp {\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* Responsive: en m\u00f3vil todas las columnas apiladas y centradas *\/\n  @media (max-width: 768px) {\n    .esmt-footer-container {\n      flex-direction: column;\n      align-items: stretch;\n      text-align: center;\n    }\n    .esmt-footer-col {\n      text-align: center;\n      min-width: auto;\n    }\n    .esmt-footer-col:last-child {\n      height: auto;\n    }\n    .esmt-footer-title {\n      border-left: none;\n      border-top: 1px solid #D4500A;\n      padding-top: 10px;\n      display: inline-block;\n    }\n    .esmt-footer-col:last-child .esmt-footer-title {\n      border-top: 1px solid #D4500A;\n      border-bottom: none;\n    }\n    .esmt-footer-links li a:hover {\n      padding-left: 0;\n    }\n    .esmt-footer-logo img {\n      width: 160px;\n    }\n    .esmt-footer-info i {\n      width: auto;\n      margin-right: 5px;\n    }\n  }\n<\/style>\n\n<footer class=\"esmt-footer\" id=\"esmt-footer\">\n  <div class=\"esmt-footer-container\">\n    <!-- Columna 1: Logo + slogan centrados -->\n    <div class=\"esmt-footer-col\">\n      <div class=\"esmt-footer-logo\">\n        <img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-content\/uploads\/sites\/4\/2026\/05\/Gemini_Generated_Image_19606y19606y1960-removebg-preview.png\" alt=\"El Sabor de Mi Tierra\">\n      <\/div>\n      <p class=\"esmt-slogan\">Aut\u00e9ntica cocina colombiana<\/p>\n    <\/div>\n\n    <!-- Columna 2: Enlaces r\u00e1pidos -->\n    <div class=\"esmt-footer-col\">\n      <h4 class=\"esmt-footer-title\">Enlaces r\u00e1pidos<\/h4>\n      <ul class=\"esmt-footer-links\">\n        <li><a href=\"#esmt-inicio\"><i class=\"fas fa-home\"><\/i> Inicio<\/a><\/li>\n        <li><a href=\"#esmt-menu\"><i class=\"fas fa-utensils\"><\/i> Men\u00fa<\/a><\/li>\n        <li><a href=\"#esmt-reservas\"><i class=\"fas fa-calendar-check\"><\/i> Reservas<\/a><\/li>\n        <li><a href=\"#esmt-delivery\"><i class=\"fas fa-motorcycle\"><\/i> Delivery<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- Columna 3: Horarios -->\n    <div class=\"esmt-footer-col\">\n      <h4 class=\"esmt-footer-title\">Horarios<\/h4>\n      <div class=\"esmt-footer-info\">\n        <p><i class=\"fas fa-clock\"><\/i> Lunes a Jueves: 12:00 p.m. - 10:00 p.m.<\/p>\n        <p><i class=\"fas fa-clock\"><\/i> Viernes y S\u00e1bado: 12:00 p.m. - 11:00 p.m.<\/p>\n        <p><i class=\"fas fa-clock\"><\/i> Domingos: 12:00 p.m. - 9:00 p.m.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Columna 4: Contacto + S\u00edguenos -->\n    <div class=\"esmt-footer-col\">\n      <h4 class=\"esmt-footer-title\">Contacto<\/h4>\n      <div class=\"esmt-footer-info\">\n        <p><i class=\"fas fa-map-marker-alt\"><\/i> Usaqu\u00e9n, Bogot\u00e1 - Colombia<\/p>\n        <p><i class=\"fas fa-phone\"><\/i> +57 310 000 0000<\/p>\n        <p><i class=\"fas fa-envelope\"><\/i> info@elsabordemitierra.com<\/p>\n      <\/div>\n      <h4 class=\"esmt-footer-title\" style=\"margin-top: 1rem;\">S\u00edguenos<\/h4>\n      <div class=\"esmt-social\">\n        <a href=\"#\" target=\"_blank\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n        <a href=\"#\" target=\"_blank\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n        <a href=\"#\" target=\"_blank\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"><\/i><\/a>\n        <a href=\"#\" target=\"_blank\" aria-label=\"TikTok\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"esmt-copyright\">\n    \u00a9 2023 - 2026 El Sabor de Mi Tierra | Restaurante Colombiano | Todos los derechos reservados.<br>\n    By Dise\u00f1oweb.com - SNTECHNOLOGY SAS\n  <\/div>\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f6601c e-con-full e-flex e-con e-parent\" data-id=\"2f6601c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15d9d8d elementor-widget elementor-widget-html\" data-id=\"15d9d8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* ===== BOT\u00d3N FLOTANTE WHATSAPP ===== *\/\n  .esmt-wa-float {\n    position: fixed;\n    bottom: 30px;\n    right: 30px;\n    z-index: 1000;\n    animation: esmt-wa-entrada 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\n    opacity: 0;\n    transform: scale(0.8);\n  }\n\n  .esmt-wa-link {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 65px;\n    height: 65px;\n    background: #25D366;\n    border-radius: 50%;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);\n    transition: all 0.3s ease;\n    border: 2px solid #E8B800; \/* Borde dorado *\/\n    text-decoration: none;\n  }\n\n  .esmt-wa-link i {\n    font-size: 2.5rem;\n    color: #FFFFFF;\n    transition: transform 0.2s;\n  }\n\n  \/* Efecto hover: elevaci\u00f3n, cambio de sombra y rotaci\u00f3n sutil *\/\n  .esmt-wa-link:hover {\n    transform: translateY(-5px) scale(1.05);\n    box-shadow: 0 12px 25px rgba(37, 211, 102, 0.5);\n    background: #128C7E;\n  }\n\n  .esmt-wa-link:hover i {\n    transform: scale(1.1);\n  }\n\n  \/* Animaci\u00f3n de entrada *\/\n  @keyframes esmt-wa-entrada {\n    0% {\n      opacity: 0;\n      transform: scale(0.5) translateY(30px);\n    }\n    100% {\n      opacity: 1;\n      transform: scale(1) translateY(0);\n    }\n  }\n\n  \/* Pulso suave (sin exagerar) cada 3 segundos *\/\n  .esmt-wa-pulse {\n    animation: esmt-wa-pulso 1.5s infinite;\n  }\n\n  @keyframes esmt-wa-pulso {\n    0% {\n      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);\n    }\n    70% {\n      box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);\n    }\n    100% {\n      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);\n    }\n  }\n\n  \/* Responsive: reducir tama\u00f1o en m\u00f3viles *\/\n  @media (max-width: 768px) {\n    .esmt-wa-link {\n      width: 55px;\n      height: 55px;\n    }\n    .esmt-wa-link i {\n      font-size: 1.8rem;\n    }\n    .esmt-wa-float {\n      bottom: 20px;\n      right: 20px;\n    }\n  }\n<\/style>\n\n<div class=\"esmt-wa-float\">\n  <a href=\"https:\/\/wa.me\/573100000000?text=Hola,%20quiero%20hacer%20una%20reserva\" class=\"esmt-wa-link esmt-wa-pulse\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"WhatsApp El Sabor de Mi Tierra\">\n    <i class=\"fab fa-whatsapp\"><\/i>\n  <\/a>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inicio Men\u00fa Reservas Delivery Contacto Reservar \ud83d\udcc5 Selecciona fecha \u23f0 Hora \ud83d\udc65 Personas Confirmar Inicio Men\u00fa Reservas Delivery Contacto Explora [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":40,"href":"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-json\/wp\/v2\/pages\/11\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/www.sntechnology.com.co\/elsabordemitierra\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}