{"id":7050,"date":"2026-09-14T11:11:20","date_gmt":"2026-09-14T14:11:20","guid":{"rendered":"https:\/\/aloharte.com.ar\/?page_id=7050"},"modified":"2026-09-14T18:36:29","modified_gmt":"2026-09-14T21:36:29","slug":"elementor-7050","status":"publish","type":"page","link":"https:\/\/aloharte.com.ar\/?page_id=7050","title":{"rendered":"Delivery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7050\" class=\"elementor elementor-7050\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-896505d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"896505d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-56e78b9\" data-id=\"56e78b9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fca64b elementor-widget elementor-widget-html\" data-id=\"5fca64b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"menu-loop\">\r\n\r\n<style>\r\n  :root {\r\n    --primary: #6c5ce7;\r\n    --primary-dark: #5746d6;\r\n    --primary-light: #f1efff;\r\n    --accent: #f1c40f;\r\n    --bg-dark: #111111;\r\n    --text-muted: #777777;\r\n    --shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n    --radius: 16px;\r\n  }\r\n\r\n  #menu-loop {\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\r\n    color: #111 !important;\r\n    max-width: 550px !important;\r\n    margin: 0 auto !important;\r\n    background: #f8f9fa !important;\r\n    padding-bottom: 100px !important;\r\n    position: relative !important;\r\n    min-height: 100vh !important;\r\n    text-align: left !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n\r\n  .joinchat,\r\n  #joinchat,\r\n  .joinchat--show {\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n  }\r\n\r\n  \/* PORTADA ALOHARTE DELIVERY *\/\r\n  .aloharte-header {\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    padding: 42px 25px 48px 25px !important;\r\n    background:\r\n      radial-gradient(circle at 15% 15%, rgba(255,255,255,0.26), transparent 28%),\r\n      radial-gradient(circle at 85% 30%, rgba(255,255,255,0.18), transparent 30%),\r\n      linear-gradient(135deg, #6c5ce7 0%, #8f7ff7 55%, #b9afff 100%) !important;\r\n    color: white !important;\r\n    text-align: center !important;\r\n    border-bottom-left-radius: 28px !important;\r\n    border-bottom-right-radius: 28px !important;\r\n    box-shadow: 0 10px 30px rgba(108,92,231,0.28) !important;\r\n  }\r\n\r\n  .aloharte-header::before {\r\n    content: \"\u2726\" !important;\r\n    position: absolute !important;\r\n    top: 16px !important;\r\n    left: 28px !important;\r\n    font-size: 24px !important;\r\n    opacity: 0.5 !important;\r\n  }\r\n\r\n  .aloharte-header::after {\r\n    content: \"\u2726\" !important;\r\n    position: absolute !important;\r\n    right: 30px !important;\r\n    bottom: 18px !important;\r\n    font-size: 20px !important;\r\n    opacity: 0.45 !important;\r\n  }\r\n\r\n  .aloharte-icon {\r\n    width: 62px !important;\r\n    height: 62px !important;\r\n    margin: 0 auto 12px auto !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(255,255,255,0.18) !important;\r\n    border: 1px solid rgba(255,255,255,0.3) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    font-size: 30px !important;\r\n    box-shadow: 0 8px 20px rgba(0,0,0,0.10) !important;\r\n  }\r\n\r\n  .aloharte-header h1 {\r\n    margin: 0 !important;\r\n    font-size: 32px !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -0.6px !important;\r\n    color: white !important;\r\n    line-height: 1.1 !important;\r\n  }\r\n\r\n  .aloharte-header .subtitle {\r\n    margin-top: 8px !important;\r\n    font-size: 15px !important;\r\n    font-weight: 500 !important;\r\n    opacity: 0.95 !important;\r\n  }\r\n\r\n  .aloharte-header .mini-text {\r\n    margin-top: 5px !important;\r\n    font-size: 12px !important;\r\n    opacity: 0.75 !important;\r\n  }\r\n\r\n  .welcome-card {\r\n    background: white !important;\r\n    margin: -20px 15px 20px 15px !important;\r\n    padding: 22px !important;\r\n    border-radius: var(--radius) !important;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;\r\n    position: relative !important;\r\n    z-index: 10 !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  .welcome-card h3 {\r\n    margin: 0 0 15px 0 !important;\r\n    font-size: 16px !important;\r\n    color: #333 !important;\r\n  }\r\n\r\n  .welcome-card input,\r\n  .welcome-card select {\r\n    width: 100% !important;\r\n    height: 48px !important;\r\n    padding: 0 12px !important;\r\n    margin-bottom: 12px !important;\r\n    border-radius: 10px !important;\r\n    border: 1px solid #e0e0e0 !important;\r\n    font-size: 15px !important;\r\n    box-sizing: border-box !important;\r\n    color: #111111 !important;\r\n    background-color: #ffffff !important;\r\n    text-align: left !important;\r\n  }\r\n\r\n  .welcome-card input:focus,\r\n  .welcome-card select:focus {\r\n    outline: none !important;\r\n    border-color: var(--primary) !important;\r\n    box-shadow: 0 0 0 3px rgba(108,92,231,0.10) !important;\r\n  }\r\n\r\n  .welcome-card select {\r\n    padding-right: 35px !important;\r\n    cursor: pointer !important;\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n    background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' fill='%23777777' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'\/><\/svg>\") !important;\r\n    background-repeat: no-repeat !important;\r\n    background-position: right 14px center !important;\r\n  }\r\n\r\n  .envio-info {\r\n    display: none;\r\n    margin: -2px 0 12px 0 !important;\r\n    padding: 10px 12px !important;\r\n    border-radius: 10px !important;\r\n    background: var(--primary-light) !important;\r\n    color: var(--primary) !important;\r\n    font-size: 13px !important;\r\n    font-weight: 700 !important;\r\n    text-align: left !important;\r\n  }\r\n\r\n  .search-wrapper {\r\n    padding: 0 15px !important;\r\n    margin-bottom: 15px !important;\r\n  }\r\n\r\n  .search-input-wrapper {\r\n    position: relative !important;\r\n  }\r\n\r\n  .search-input-wrapper input {\r\n    width: 100% !important;\r\n    padding: 12px 40px 12px 40px !important;\r\n    border-radius: 25px !important;\r\n    border: 1px solid #e0e0e0 !important;\r\n    box-sizing: border-box !important;\r\n    font-size: 14px !important;\r\n    box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;\r\n    text-align: left !important;\r\n  }\r\n\r\n  .search-input-wrapper::before {\r\n    content: \"\ud83d\udd0d\" !important;\r\n    position: absolute !important;\r\n    left: 15px !important;\r\n    top: 50% !important;\r\n    transform: translateY(-50%) !important;\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  .clear-search-btn {\r\n    position: absolute !important;\r\n    right: 15px !important;\r\n    top: 50% !important;\r\n    transform: translateY(-50%) !important;\r\n    background: none !important;\r\n    border: none !important;\r\n    font-size: 14px !important;\r\n    color: #999 !important;\r\n    cursor: pointer !important;\r\n    padding: 0 !important;\r\n    display: none;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n  }\r\n\r\n  .categories-container-wrapper {\r\n    position: relative !important;\r\n    margin-bottom: 15px !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  .categories-container-wrapper::before,\r\n  .categories-container-wrapper::after {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    bottom: 0 !important;\r\n    font-size: 24px !important;\r\n    font-weight: bold !important;\r\n    color: var(--primary) !important;\r\n    z-index: 5 !important;\r\n    pointer-events: none !important;\r\n    width: 30px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    line-height: 1 !important;\r\n    opacity: 0.9 !important;\r\n  }\r\n\r\n  .categories-container-wrapper::before {\r\n    content: \"\u2039\" !important;\r\n    left: 0 !important;\r\n    justify-content: flex-start !important;\r\n    padding-left: 8px !important;\r\n    background: linear-gradient(to right, #f8f9fa 65%, rgba(248,249,250,0)) !important;\r\n  }\r\n\r\n  .categories-container-wrapper::after {\r\n    content: \"\u203a\" !important;\r\n    right: 0 !important;\r\n    justify-content: flex-end !important;\r\n    padding-right: 8px !important;\r\n    background: linear-gradient(to left, #f8f9fa 65%, rgba(248,249,250,0)) !important;\r\n  }\r\n\r\n  .categories-nav {\r\n    display: flex !important;\r\n    gap: 10px !important;\r\n    overflow-x: auto !important;\r\n    padding: 5px 32px 10px 32px !important;\r\n    scroll-behavior: smooth !important;\r\n    align-items: center !important;\r\n  }\r\n\r\n  .categories-nav::-webkit-scrollbar {\r\n    display: none !important;\r\n  }\r\n\r\n  .cat-btn {\r\n    background: white !important;\r\n    border: 1px solid #e0e0e0 !important;\r\n    padding: 6px 14px !important;\r\n    border-radius: 20px !important;\r\n    white-space: nowrap !important;\r\n    font-size: 14px !important;\r\n    font-weight: 600 !important;\r\n    cursor: pointer !important;\r\n    color: #333 !important;\r\n    height: 36px !important;\r\n    box-sizing: border-box !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  .cat-btn.active {\r\n    background: var(--primary) !important;\r\n    color: white !important;\r\n    border-color: var(--primary) !important;\r\n  }\r\n\r\n  .section-title {\r\n    display: block !important;\r\n    font-size: 19px !important;\r\n    margin: 30px 15px 15px 15px !important;\r\n    padding-left: 14px !important;\r\n    font-weight: 700 !important;\r\n    color: #1a1a1a !important;\r\n    position: relative !important;\r\n    scroll-margin-top: 15px !important;\r\n    text-align: left !important;\r\n  }\r\n\r\n  .section-title::before {\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    left: 0 !important;\r\n    top: 3px !important;\r\n    bottom: 3px !important;\r\n    width: 4px !important;\r\n    background-color: var(--primary) !important;\r\n    border-radius: 4px !important;\r\n  }\r\n\r\n  .productos-container {\r\n    padding: 0 15px !important;\r\n  }\r\n\r\n  .producto {\r\n    display: flex !important;\r\n    background: white !important;\r\n    margin-bottom: 12px !important;\r\n    padding: 14px 12px !important;\r\n    border-radius: var(--radius) !important;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;\r\n    align-items: center !important;\r\n    gap: 14px !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .prod-img-wrapper {\r\n    width: 90px !important;\r\n    height: 90px !important;\r\n    border-radius: 12px !important;\r\n    background: #f1efff !important;\r\n    overflow: hidden !important;\r\n    flex-shrink: 0 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    border: 1px solid rgba(0,0,0,0.03) !important;\r\n  }\r\n\r\n  .prod-img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n  }\r\n\r\n  .prod-img-fallback {\r\n    font-size: 32px !important;\r\n  }\r\n\r\n  .prod-info {\r\n    flex-grow: 1 !important;\r\n    text-align: left !important;\r\n  }\r\n\r\n  .prod-name {\r\n    font-size: 15px !important;\r\n    font-weight: 600 !important;\r\n    color: #111 !important;\r\n    margin-bottom: 6px !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n\r\n  .prod-price {\r\n    font-size: 16px !important;\r\n    font-weight: 700 !important;\r\n    color: var(--primary) !important;\r\n  }\r\n\r\n  .controles {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    background: var(--primary-light) !important;\r\n    border-radius: 20px !important;\r\n    padding: 0 6px !important;\r\n    border: 1px solid rgba(108, 92, 231, 0.12) !important;\r\n    box-sizing: border-box !important;\r\n    height: 38px !important;\r\n    width: 105px !important;\r\n    min-width: 105px !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  .controles.vacio {\r\n    background: var(--primary) !important;\r\n    border: none !important;\r\n    padding: 0 !important;\r\n    cursor: pointer !important;\r\n    justify-content: center !important;\r\n  }\r\n\r\n  .btn-action {\r\n    width: 28px !important;\r\n    height: 38px !important;\r\n    border: none !important;\r\n    background: transparent !important;\r\n    color: var(--primary) !important;\r\n    cursor: pointer !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    box-sizing: border-box !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .btn-action svg {\r\n    width: 14px !important;\r\n    height: 14px !important;\r\n    fill: var(--primary) !important;\r\n  }\r\n\r\n  .btn-action.add-only {\r\n    color: white !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.5px !important;\r\n  }\r\n\r\n  .cantidad {\r\n    flex-grow: 1 !important;\r\n    text-align: center !important;\r\n    font-weight: 700 !important;\r\n    font-size: 15px !important;\r\n    color: var(--primary) !important;\r\n  }\r\n\r\n  .cart-bar {\r\n    position: fixed !important;\r\n    bottom: 20px !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) translateY(100px) !important;\r\n    width: calc(100% - 30px) !important;\r\n    max-width: 520px !important;\r\n    background: var(--primary) !important;\r\n    color: white !important;\r\n    border-radius: 30px !important;\r\n    padding: 12px 20px !important;\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    box-shadow: 0 8px 24px rgba(108, 92, 231, 0.4) !important;\r\n    z-index: 999 !important;\r\n    box-sizing: border-box !important;\r\n    cursor: pointer !important;\r\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n  }\r\n\r\n  .cart-bar.visible {\r\n    transform: translateX(-50%) translateY(0) !important;\r\n  }\r\n\r\n  @keyframes cartPop {\r\n    0% { transform: translateX(-50%) scale(1); }\r\n    50% { transform: translateX(-50%) scale(1.08); }\r\n    100% { transform: translateX(-50%) scale(1); }\r\n  }\r\n\r\n  .cart-bar.pop-effect {\r\n    animation: cartPop 0.3s ease-out !important;\r\n  }\r\n\r\n  .cart-info {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n  }\r\n\r\n  .cart-badge {\r\n    background: white !important;\r\n    color: var(--primary) !important;\r\n    font-weight: 700 !important;\r\n    padding: 4px 10px !important;\r\n    border-radius: 15px !important;\r\n    font-size: 13px !important;\r\n  }\r\n\r\n  .cart-total {\r\n    font-weight: 700 !important;\r\n    font-size: 16px !important;\r\n  }\r\n\r\n  .cart-btn-text {\r\n    font-weight: 600 !important;\r\n    font-size: 15px !important;\r\n  }\r\n\r\n  .flying-img {\r\n    position: fixed !important;\r\n    z-index: 99999 !important;\r\n    width: 60px !important;\r\n    height: 60px !important;\r\n    border-radius: 50% !important;\r\n    object-fit: cover !important;\r\n    pointer-events: none !important;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;\r\n    border: 2px solid white !important;\r\n    transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1.2), opacity 0.6s ease-in !important;\r\n  }\r\n\r\n  .order-panel-overlay {\r\n    position: fixed !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background: rgba(0,0,0,0.5) !important;\r\n    z-index: 1000 !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n    transition: opacity 0.3s ease !important;\r\n  }\r\n\r\n  .order-panel-overlay.open {\r\n    opacity: 1 !important;\r\n    pointer-events: auto !important;\r\n  }\r\n\r\n  .order-panel {\r\n    position: fixed !important;\r\n    bottom: 0 !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) translateY(100%) !important;\r\n    width: 100% !important;\r\n    max-width: 550px !important;\r\n    background: white !important;\r\n    border-top-left-radius: var(--radius) !important;\r\n    border-top-right-radius: var(--radius) !important;\r\n    z-index: 1001 !important;\r\n    transition: transform 0.3s ease !important;\r\n    max-height: 85vh !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n  }\r\n\r\n  .order-panel.open {\r\n    transform: translateX(-50%) translateY(0) !important;\r\n  }\r\n\r\n  .panel-header {\r\n    padding: 20px !important;\r\n    border-bottom: 1px solid #eee !important;\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n  }\r\n\r\n  .panel-header h2 {\r\n    margin: 0 !important;\r\n    font-size: 18px !important;\r\n  }\r\n\r\n  .close-panel {\r\n    background: none !important;\r\n    border: none !important;\r\n    font-size: 22px !important;\r\n    cursor: pointer !important;\r\n    color: #999 !important;\r\n  }\r\n\r\n  .panel-content {\r\n    padding: 20px !important;\r\n    overflow-y: auto !important;\r\n    flex-grow: 1 !important;\r\n  }\r\n\r\n  .resumen-item {\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    padding: 12px 0 !important;\r\n    border-bottom: 1px dashed #eee !important;\r\n    font-size: 14px !important;\r\n    gap: 10px !important;\r\n  }\r\n\r\n  .resumen-item-info {\r\n    flex-grow: 1 !important;\r\n  }\r\n\r\n  .panel-total-box {\r\n    background: #f8f9fa !important;\r\n    padding: 15px !important;\r\n    border-radius: 12px !important;\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    font-weight: 700 !important;\r\n    font-size: 16px !important;\r\n    margin-top: 10px !important;\r\n    border: 1px solid #eee !important;\r\n  }\r\n\r\n  .panel-footer {\r\n    padding: 15px 20px 30px 20px !important;\r\n    border-top: 1px solid #eee !important;\r\n  }\r\n\r\n  .btn-whatsapp {\r\n    background: #25d366 !important;\r\n    color: white !important;\r\n    padding: 14px !important;\r\n    border-radius: 25px !important;\r\n    text-align: center !important;\r\n    font-size: 16px !important;\r\n    font-weight: 700 !important;\r\n    cursor: pointer !important;\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- PORTADA -->\r\n<div class=\"aloharte-header\">\r\n  <div class=\"aloharte-icon\">\ud83d\udecd\ufe0f<\/div>\r\n  <h1>Aloharte Delivery<\/h1>\r\n  <div class=\"subtitle\">Tu pedido directo hasta tu alojamiento<\/div>\r\n  <div class=\"mini-text\">Eleg\u00ed lo que quieras y nosotros te lo llevamos \u2728<\/div>\r\n<\/div>\r\n\r\n\r\n<!-- DATOS DEL CLIENTE -->\r\n<div class=\"welcome-card\">\r\n\r\n  <h3>\ud83d\udc4b \u00a1Hola! Complet\u00e1 tus datos para el pedido<\/h3>\r\n\r\n  <input\r\n    type=\"text\"\r\n    id=\"cliente\"\r\n    placeholder=\"\u00bfC\u00f3mo te llam\u00e1s?\"\r\n  >\r\n\r\n  <select id=\"alojamiento\">\r\n    <option value=\"\">Seleccion\u00e1 d\u00f3nde te aloj\u00e1s<\/option>\r\n    <option value=\"Rinc\u00f3n Joven 1\">Rinc\u00f3n Joven 1 - Env\u00edo $4.400<\/option>\r\n    <option value=\"Rinc\u00f3n Joven 2\">Rinc\u00f3n Joven 2 - Env\u00edo $5.100<\/option>\r\n    <option value=\"La Esperanza\">La Esperanza - Env\u00edo $4.400<\/option>\r\n    <option value=\"Asiento del Alma\">Asiento del Alma - Env\u00edo $6.200<\/option>\r\n    <option value=\"Do\u00f1a Teresa\">Do\u00f1a Teresa - Env\u00edo $3.900<\/option>\r\n    <option value=\"El Descanso\">El Descanso - Env\u00edo $9.200<\/option>\r\n    <option value=\"El Retiro\">El Retiro - Env\u00edo $12.000<\/option>\r\n    <option value=\"Sala Gong\">Sala Gong - Env\u00edo $3.400<\/option>\r\n    <option value=\"Pachaike\">Pachaike - Env\u00edo $8.000<\/option>\r\n    <option value=\"La Libertad\">La Libertad - Env\u00edo $7.600<\/option>\r\n    <option value=\"Troncos y Jazmines\">Troncos y Jazmines - Env\u00edo $3.400<\/option>\r\n    <option value=\"La Escondida en Monte\">La Escondida en Monte - Env\u00edo $6.400<\/option>\r\n    <option value=\"El Fog\u00f3n casa de campo\">El Fog\u00f3n casa de campo - Env\u00edo $5.400<\/option>\r\n    <option value=\"Las 4 estaciones\">Las 4 estaciones - Env\u00edo $12.000<\/option>\r\n  <\/select>\r\n\r\n  <div class=\"envio-info\" id=\"envioInfo\"><\/div>\r\n\r\n  <select id=\"pago\">\r\n    <option value=\"\">Seleccion\u00e1 la forma de pago<\/option>\r\n    <option value=\"Efectivo\">Efectivo<\/option>\r\n    <option value=\"Transferencia (Alias: loop-kiosco)\">\r\n      Transferencia (Alias: loop-kiosco)\r\n    <\/option>\r\n  <\/select>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- BUSCADOR -->\r\n<div class=\"search-wrapper\">\r\n\r\n  <div class=\"search-input-wrapper\">\r\n\r\n    <input\r\n      type=\"text\"\r\n      id=\"buscador\"\r\n      placeholder=\"\u00bfQu\u00e9 ten\u00e9s ganas de comer o tomar hoy?\"\r\n    >\r\n\r\n    <button\r\n      class=\"clear-search-btn\"\r\n      id=\"clearSearch\"\r\n    >\r\n      \u2715\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- CATEGOR\u00cdAS -->\r\n<div class=\"categories-container-wrapper\">\r\n\r\n  <div class=\"categories-nav\" id=\"catNav\">\r\n\r\n    <button class=\"cat-btn active\" data-target=\"cat-salados\">\r\n      \ud83e\udd6a Salados\r\n    <\/button>\r\n\r\n    <button class=\"cat-btn\" data-target=\"cat-kids\">\r\n      \ud83d\udc66 Kids\r\n    <\/button>\r\n\r\n    <button class=\"cat-btn\" data-target=\"cat-dulces\">\r\n      \ud83c\udf70 Dulces\r\n    <\/button>\r\n\r\n    <button class=\"cat-btn\" data-target=\"cat-cafe\">\r\n      \u2615 Caf\u00e9\r\n    <\/button>\r\n\r\n    <button class=\"cat-btn\" data-target=\"cat-bebidas\">\r\n      \ud83e\udd64 Bebidas\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- PRODUCTOS -->\r\n<div class=\"productos-container\">\r\n\r\n  <div class=\"section-title\" id=\"cat-salados\">\r\n    \ud83e\udd6a Salados\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Quento Snacks papas 92g\"\r\n    data-precio=\"3200\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/images-1.jpg\">\r\n  <\/div>\r\n\r\n\r\n  <div class=\"section-title\" id=\"cat-kids\">\r\n    \ud83d\udc66 Kids\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Pastillas Catz pastillas llavero x unidad\"\r\n    data-precio=\"3200\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/catz.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Coco Pop pastillas x unidad\"\r\n    data-precio=\"3400\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/08\/50070029_chupetin_coco_pop_x1._sabor_manzana_verde.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Mogul Tiburoncitos\"\r\n    data-precio=\"1100\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/08\/images-1.jpe\">\r\n  <\/div>\r\n\r\n\r\n  <div class=\"section-title\" id=\"cat-dulces\">\r\n    \ud83c\udf70 Dulces\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Magdalenas Pozo cl\u00e1sicas 200g\"\r\n    data-precio=\"2200\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/08\/foto1_11681_0.jpeg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Alfajor Clasico Montemar Chocolate negro\"\r\n    data-precio=\"2300\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/1011a.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Alfajor Clasico Montemar Chocolate blanco\"\r\n    data-precio=\"2300\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/1011a.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Conito Clasico Montemar Chocolate\"\r\n    data-precio=\"1700\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/conito.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Paquete Pepas Montemar 400g\"\r\n    data-precio=\"4000\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/1000e.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Galletitas Chocolinas 170g\"\r\n    data-precio=\"2000\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/images.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Galletitas Oreo 118g\"\r\n    data-precio=\"2000\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/oreo-x-118-grs.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Galletitas Merengadas 88g\"\r\n    data-precio=\"1650\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/bb52e138-7cf6-46e8-9968-3dddbdc9e32c.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Galletitas Pepitos con chispas de chocolate\"\r\n    data-precio=\"2700\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/08\/galletitas-pepitos-venta.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Cubanitos rellenos cubiertos de chocolate Tivis\"\r\n    data-precio=\"1500\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/cubanitos.jpg\">\r\n  <\/div>\r\n\r\n\r\n  <div class=\"section-title\" id=\"cat-cafe\">\r\n    \u2615 Caf\u00e9\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Cafe Americano\"\r\n    data-precio=\"1500\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/D_NQ_NP_772436-MLA47258577228_082021-Vaso-termico.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Cafe con leche\"\r\n    data-precio=\"2000\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/D_NQ_NP_772436-MLA47258577228_082021-Vaso-termico.jpg\">\r\n  <\/div>\r\n\r\n\r\n  <div class=\"section-title\" id=\"cat-bebidas\">\r\n    \ud83e\udd64 Bebidas\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Coca Cola 500cc\"\r\n    data-precio=\"2800\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/coca-cola-500cc-almacen-gaseosas-casa-segal-mendoza.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Coca Cola Zero 500cc\"\r\n    data-precio=\"2800\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/images-2.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Placer manzana 500cc\"\r\n    data-precio=\"1200\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/PLACER-MANZANA-500-CC.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Jugo chico Baggio Pronto Naranja 200ml\"\r\n    data-precio=\"1100\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/08\/images.jpe\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Agua grande Villamanaos 2 litros\"\r\n    data-precio=\"2500\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/Agua-Manaos-Villamanaos-2-L-0779811330161-1.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Agua chica Villamanaos 600cc\"\r\n    data-precio=\"1200\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/manaos-chica.jpg\">\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"producto\"\r\n    data-nombre=\"Agua caliente termo\"\r\n    data-precio=\"1000\"\r\n    data-imagen=\"http:\/\/loopjuegos.com.ar\/wp-content\/uploads\/2026\/07\/termo.jpg\">\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- CARRITO -->\r\n<div class=\"cart-bar\" id=\"cartBar\">\r\n\r\n  <div class=\"cart-info\">\r\n\r\n    <span class=\"cart-badge\" id=\"cartBadge\">\r\n      0\r\n    <\/span>\r\n\r\n    <span class=\"cart-total\" id=\"cartTotal\">\r\n      $0\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"cart-btn-text\">\r\n    Ver mi pedido \ud83d\uded2\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- MODAL -->\r\n<div\r\n  class=\"order-panel-overlay\"\r\n  id=\"panelOverlay\">\r\n<\/div>\r\n\r\n<div\r\n  class=\"order-panel\"\r\n  id=\"orderPanel\">\r\n\r\n  <div class=\"panel-header\">\r\n\r\n    <h2>\r\n      \ud83d\udccb Tu Pedido\r\n    <\/h2>\r\n\r\n    <button\r\n      class=\"close-panel\"\r\n      id=\"closePanel\">\r\n      \u2715\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"panel-content\">\r\n\r\n    <div\r\n      class=\"resumen-list\"\r\n      id=\"resumenList\">\r\n    <\/div>\r\n\r\n    <div class=\"panel-total-box\">\r\n\r\n      <span>\r\n        Total a pagar:\r\n      <\/span>\r\n\r\n      <span id=\"panelTotal\">\r\n        $0\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"panel-footer\">\r\n\r\n    <div\r\n      class=\"btn-whatsapp\"\r\n      id=\"enviarWP\">\r\n\r\n      \ud83d\udcac Enviar pedido por WhatsApp\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n  const pedido = {};\r\n\r\n  const PRECIOS_ENVIO = {\r\n    \"Rinc\u00f3n Joven 1\": 4400,\r\n    \"Rinc\u00f3n Joven 2\": 5100,\r\n    \"La Esperanza\": 4400,\r\n    \"Asiento del Alma\": 6200,\r\n    \"Do\u00f1a Teresa\": 3900,\r\n    \"El Descanso\": 9200,\r\n    \"El Retiro\": 12000,\r\n    \"Sala Gong\": 3400,\r\n    \"Pachaike\": 8000,\r\n    \"La Libertad\": 7600,\r\n    \"Troncos y Jazmines\": 3400,\r\n    \"La Escondida en Monte\": 6400,\r\n    \"El Fog\u00f3n casa de campo\": 5400,\r\n    \"Las 4 estaciones\": 12000\r\n  };\r\n\r\n\r\n  function obtenerCostoEnvio() {\r\n\r\n    const alojamiento =\r\n      document.getElementById(\"alojamiento\").value;\r\n\r\n    return PRECIOS_ENVIO[alojamiento] || 0;\r\n  }\r\n\r\n\r\n  function formatearPrecio(valor) {\r\n\r\n    return \"$\" +\r\n      Number(valor).toLocaleString(\"es-AR\");\r\n  }\r\n\r\n\r\n  const alojamientoSelect =\r\n    document.getElementById(\"alojamiento\");\r\n\r\n  const envioInfo =\r\n    document.getElementById(\"envioInfo\");\r\n\r\n\r\n  const iconMenos = `\r\n    <svg viewBox=\"0 0 24 24\">\r\n      <path d=\"M19 13H5v-2h14v2z\"\/>\r\n    <\/svg>\r\n  `;\r\n\r\n  const iconMas = `\r\n    <svg viewBox=\"0 0 24 24\">\r\n      <path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/>\r\n    <\/svg>\r\n  `;\r\n\r\n\r\n  function animarFotoAlCarrito(productoDOM) {\r\n\r\n    const imgOriginal =\r\n      productoDOM.querySelector(\".prod-img\");\r\n\r\n    const cartBar =\r\n      document.getElementById(\"cartBar\");\r\n\r\n    if (!imgOriginal || !cartBar) return;\r\n\r\n    const rectImg =\r\n      imgOriginal.getBoundingClientRect();\r\n\r\n    const rectCart =\r\n      cartBar.getBoundingClientRect();\r\n\r\n    const flyingClone =\r\n      document.createElement(\"img\");\r\n\r\n    flyingClone.src =\r\n      imgOriginal.src;\r\n\r\n    flyingClone.className =\r\n      \"flying-img\";\r\n\r\n    flyingClone.style.top =\r\n      `${rectImg.top}px`;\r\n\r\n    flyingClone.style.left =\r\n      `${rectImg.left}px`;\r\n\r\n    document.body.appendChild(\r\n      flyingClone\r\n    );\r\n\r\n    requestAnimationFrame(() => {\r\n\r\n      const targetX =\r\n        rectCart.left +\r\n        (rectCart.width \/ 2) -\r\n        30;\r\n\r\n      const targetY =\r\n        rectCart.top +\r\n        (rectCart.height \/ 2) -\r\n        30;\r\n\r\n      flyingClone.style.transform =\r\n        `translate(${targetX - rectImg.left}px, ${targetY - rectImg.top}px) scale(0.1)`;\r\n\r\n      flyingClone.style.opacity =\r\n        \"0.4\";\r\n    });\r\n\r\n    setTimeout(() => {\r\n\r\n      flyingClone.remove();\r\n\r\n      cartBar.classList.add(\r\n        \"pop-effect\"\r\n      );\r\n\r\n      setTimeout(() => {\r\n\r\n        cartBar.classList.remove(\r\n          \"pop-effect\"\r\n        );\r\n\r\n      }, 300);\r\n\r\n    }, 600);\r\n  }\r\n\r\n\r\n  document\r\n    .querySelectorAll(\"#menu-loop .producto\")\r\n    .forEach(prod => {\r\n\r\n      const nombre =\r\n        prod.dataset.nombre;\r\n\r\n      const precio =\r\n        Number(prod.dataset.precio);\r\n\r\n      const imagenEspecifica =\r\n        prod.dataset.imagen;\r\n\r\n      pedido[nombre] = {\r\n        cantidad: 0,\r\n        precio,\r\n        elementoDOM: prod\r\n      };\r\n\r\n      const cleanImgName =\r\n        nombre\r\n          .toLowerCase()\r\n          .replace(\/[^a-z0-9]\/g, \"\");\r\n\r\n      const srcImagen =\r\n        imagenEspecifica\r\n          ? imagenEspecifica\r\n          : `${cleanImgName}.jpg`;\r\n\r\n      prod.innerHTML = `\r\n\r\n        <div class=\"prod-img-wrapper\">\r\n\r\n          <img decoding=\"async\"\r\n            class=\"prod-img\"\r\n            src=\"${srcImagen}\"\r\n            onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\r\n\r\n          <div\r\n            class=\"prod-img-fallback\"\r\n            style=\"display:none;\">\r\n            \ud83c\udf54\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prod-info\">\r\n\r\n          <div class=\"prod-name\">\r\n            ${nombre}\r\n          <\/div>\r\n\r\n          <div class=\"prod-price\">\r\n            ${formatearPrecio(precio)}\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"controles\"\r\n          id=\"ctrl-${cleanImgName}\">\r\n        <\/div>\r\n\r\n      `;\r\n\r\n      renderControlesProducto(\r\n        nombre\r\n      );\r\n    });\r\n\r\n\r\n  function renderControlesProducto(nombre) {\r\n\r\n    const cleanImgName =\r\n      nombre\r\n        .toLowerCase()\r\n        .replace(\/[^a-z0-9]\/g, \"\");\r\n\r\n    const container =\r\n      document.getElementById(\r\n        `ctrl-${cleanImgName}`\r\n      );\r\n\r\n    if (!container) return;\r\n\r\n    const cant =\r\n      pedido[nombre].cantidad;\r\n\r\n    const productoDOM =\r\n      pedido[nombre].elementoDOM;\r\n\r\n\r\n    if (cant === 0) {\r\n\r\n      container.className =\r\n        \"controles vacio\";\r\n\r\n      container.innerHTML = `\r\n        <button class=\"btn-action add-only\">\r\n          + AGREGAR\r\n        <\/button>\r\n      `;\r\n\r\n      container.onclick = () => {\r\n\r\n        pedido[nombre].cantidad = 1;\r\n\r\n        animarFotoAlCarrito(\r\n          productoDOM\r\n        );\r\n\r\n        renderControlesProducto(\r\n          nombre\r\n        );\r\n\r\n        actualizarTodo();\r\n      };\r\n\r\n    } else {\r\n\r\n      container.className =\r\n        \"controles\";\r\n\r\n      container.onclick =\r\n        null;\r\n\r\n      container.innerHTML = `\r\n\r\n        <button class=\"btn-action menos\">\r\n          ${iconMenos}\r\n        <\/button>\r\n\r\n        <div class=\"cantidad\">\r\n          ${cant}\r\n        <\/div>\r\n\r\n        <button class=\"btn-action mas\">\r\n          ${iconMas}\r\n        <\/button>\r\n\r\n      `;\r\n\r\n\r\n      container\r\n        .querySelector(\".mas\")\r\n        .onclick = (e) => {\r\n\r\n          e.stopPropagation();\r\n\r\n          pedido[nombre].cantidad++;\r\n\r\n          animarFotoAlCarrito(\r\n            productoDOM\r\n          );\r\n\r\n          renderControlesProducto(\r\n            nombre\r\n          );\r\n\r\n          actualizarTodo();\r\n        };\r\n\r\n\r\n      container\r\n        .querySelector(\".menos\")\r\n        .onclick = (e) => {\r\n\r\n          e.stopPropagation();\r\n\r\n          pedido[nombre].cantidad--;\r\n\r\n          renderControlesProducto(\r\n            nombre\r\n          );\r\n\r\n          actualizarTodo();\r\n        };\r\n    }\r\n  }\r\n\r\n\r\n  function actualizarTodo() {\r\n\r\n    let totalItems = 0;\r\n\r\n    let totalPrecio = 0;\r\n\r\n    const alojamiento =\r\n      document\r\n        .getElementById(\"alojamiento\")\r\n        .value;\r\n\r\n    const listContainer =\r\n      document\r\n        .getElementById(\"resumenList\");\r\n\r\n    listContainer.innerHTML = \"\";\r\n\r\n\r\n    Object\r\n      .entries(pedido)\r\n      .forEach(([nombre, item]) => {\r\n\r\n        if (item.cantidad > 0) {\r\n\r\n          totalItems +=\r\n            item.cantidad;\r\n\r\n          totalPrecio +=\r\n            item.cantidad *\r\n            item.precio;\r\n\r\n          const itemRow =\r\n            document.createElement(\r\n              \"div\"\r\n            );\r\n\r\n          itemRow.className =\r\n            \"resumen-item\";\r\n\r\n          itemRow.innerHTML = `\r\n\r\n            <div class=\"resumen-item-info\">\r\n\r\n              <div>\r\n                <strong>\r\n                  ${nombre}\r\n                <\/strong>\r\n              <\/div>\r\n\r\n              <div\r\n                style=\"\r\n                  color:var(--primary);\r\n                  font-weight:700;\r\n                \">\r\n                ${formatearPrecio(\r\n                  item.cantidad *\r\n                  item.precio\r\n                )}\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"controles\">\r\n\r\n              <button\r\n                class=\"btn-action menos\">\r\n                ${iconMenos}\r\n              <\/button>\r\n\r\n              <div class=\"cantidad\">\r\n                ${item.cantidad}\r\n              <\/div>\r\n\r\n              <button\r\n                class=\"btn-action mas\">\r\n                ${iconMas}\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n          `;\r\n\r\n\r\n          itemRow\r\n            .querySelector(\".mas\")\r\n            .onclick = () => {\r\n\r\n              pedido[nombre]\r\n                .cantidad++;\r\n\r\n              renderControlesProducto(\r\n                nombre\r\n              );\r\n\r\n              actualizarTodo();\r\n            };\r\n\r\n\r\n          itemRow\r\n            .querySelector(\".menos\")\r\n            .onclick = () => {\r\n\r\n              pedido[nombre]\r\n                .cantidad--;\r\n\r\n              renderControlesProducto(\r\n                nombre\r\n              );\r\n\r\n              actualizarTodo();\r\n            };\r\n\r\n\r\n          listContainer.appendChild(\r\n            itemRow\r\n          );\r\n        }\r\n      });\r\n\r\n\r\n    if (\r\n      alojamiento !== \"\" &&\r\n      totalItems > 0\r\n    ) {\r\n\r\n      const costoEnvio =\r\n        obtenerCostoEnvio();\r\n\r\n      totalPrecio +=\r\n        costoEnvio;\r\n\r\n      const envioRow =\r\n        document.createElement(\r\n          \"div\"\r\n        );\r\n\r\n      envioRow.className =\r\n        \"resumen-item\";\r\n\r\n      envioRow.innerHTML = `\r\n\r\n        <div class=\"resumen-item-info\">\r\n\r\n          <div>\r\n            <strong>\r\n              \ud83d\ude9a Env\u00edo a ${alojamiento}\r\n            <\/strong>\r\n          <\/div>\r\n\r\n          <div\r\n            style=\"\r\n              color:var(--primary);\r\n              font-weight:700;\r\n            \">\r\n            ${formatearPrecio(\r\n              costoEnvio\r\n            )}\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      `;\r\n\r\n      listContainer.appendChild(\r\n        envioRow\r\n      );\r\n    }\r\n\r\n\r\n    const cartBar =\r\n      document.getElementById(\r\n        \"cartBar\"\r\n      );\r\n\r\n\r\n    if (totalItems > 0) {\r\n\r\n      cartBar.classList.add(\r\n        \"visible\"\r\n      );\r\n\r\n    } else {\r\n\r\n      cartBar.classList.remove(\r\n        \"visible\"\r\n      );\r\n\r\n      cerrarModal();\r\n    }\r\n\r\n\r\n    document\r\n      .getElementById(\"cartBadge\")\r\n      .textContent =\r\n      totalItems;\r\n\r\n\r\n    document\r\n      .getElementById(\"cartTotal\")\r\n      .textContent =\r\n      formatearPrecio(\r\n        totalPrecio\r\n      );\r\n\r\n\r\n    document\r\n      .getElementById(\"panelTotal\")\r\n      .textContent =\r\n      formatearPrecio(\r\n        totalPrecio\r\n      );\r\n\r\n\r\n    if (totalItems === 0) {\r\n\r\n      listContainer.innerHTML =\r\n        \"<p style='text-align:center; color:#777;'>No elegiste ning\u00fan producto todav\u00eda.<\/p>\";\r\n    }\r\n  }\r\n\r\n\r\n  alojamientoSelect\r\n    .addEventListener(\r\n      \"change\",\r\n      () => {\r\n\r\n        if (\r\n          alojamientoSelect.value !== \"\"\r\n        ) {\r\n\r\n          const costoEnvio =\r\n            obtenerCostoEnvio();\r\n\r\n          envioInfo.innerHTML =\r\n            `\ud83d\ude9a Env\u00edo a ${alojamientoSelect.value}: ${formatearPrecio(costoEnvio)}`;\r\n\r\n          envioInfo.style.display =\r\n            \"block\";\r\n\r\n        } else {\r\n\r\n          envioInfo.style.display =\r\n            \"none\";\r\n\r\n          envioInfo.innerHTML =\r\n            \"\";\r\n        }\r\n\r\n        actualizarTodo();\r\n      }\r\n    );\r\n\r\n\r\n  const inputBuscador =\r\n    document.getElementById(\r\n      \"buscador\"\r\n    );\r\n\r\n  const btnBorrarBuscador =\r\n    document.getElementById(\r\n      \"clearSearch\"\r\n    );\r\n\r\n\r\n  function ejecutarBusqueda(\r\n    valorBusqueda\r\n  ) {\r\n\r\n    const busqueda =\r\n      valorBusqueda\r\n        .toLowerCase()\r\n        .trim();\r\n\r\n    const productos =\r\n      document\r\n        .querySelectorAll(\r\n          \"#menu-loop .producto\"\r\n        );\r\n\r\n    const titulos =\r\n      document\r\n        .querySelectorAll(\r\n          \"#menu-loop .section-title\"\r\n        );\r\n\r\n\r\n    if (busqueda !== \"\") {\r\n\r\n      btnBorrarBuscador\r\n        .style\r\n        .setProperty(\r\n          \"display\",\r\n          \"flex\",\r\n          \"important\"\r\n        );\r\n\r\n    } else {\r\n\r\n      btnBorrarBuscador\r\n        .style\r\n        .setProperty(\r\n          \"display\",\r\n          \"none\",\r\n          \"important\"\r\n        );\r\n    }\r\n\r\n\r\n    productos.forEach(prod => {\r\n\r\n      const nombreProducto =\r\n        prod.dataset.nombre\r\n          .toLowerCase();\r\n\r\n      if (\r\n        nombreProducto.includes(\r\n          busqueda\r\n        )\r\n      ) {\r\n\r\n        prod.style.setProperty(\r\n          \"display\",\r\n          \"flex\",\r\n          \"important\"\r\n        );\r\n\r\n      } else {\r\n\r\n        prod.style.setProperty(\r\n          \"display\",\r\n          \"none\",\r\n          \"important\"\r\n        );\r\n      }\r\n    });\r\n\r\n\r\n    titulos.forEach(titulo => {\r\n\r\n      if (busqueda === \"\") {\r\n\r\n        titulo.style.setProperty(\r\n          \"display\",\r\n          \"block\",\r\n          \"important\"\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n      let tieneVisibles =\r\n        false;\r\n\r\n      let hermano =\r\n        titulo.nextElementSibling;\r\n\r\n\r\n      while (\r\n        hermano &&\r\n        !hermano.classList.contains(\r\n          \"section-title\"\r\n        )\r\n      ) {\r\n\r\n        if (\r\n          hermano.classList.contains(\r\n            \"producto\"\r\n          ) &&\r\n          hermano.style.display ===\r\n            \"flex\"\r\n        ) {\r\n\r\n          tieneVisibles =\r\n            true;\r\n\r\n          break;\r\n        }\r\n\r\n        hermano =\r\n          hermano.nextElementSibling;\r\n      }\r\n\r\n\r\n      if (tieneVisibles) {\r\n\r\n        titulo.style.setProperty(\r\n          \"display\",\r\n          \"block\",\r\n          \"important\"\r\n        );\r\n\r\n      } else {\r\n\r\n        titulo.style.setProperty(\r\n          \"display\",\r\n          \"none\",\r\n          \"important\"\r\n        );\r\n      }\r\n    });\r\n  }\r\n\r\n\r\n  inputBuscador\r\n    .addEventListener(\r\n      \"input\",\r\n      (e) => {\r\n\r\n        ejecutarBusqueda(\r\n          e.target.value\r\n        );\r\n      }\r\n    );\r\n\r\n\r\n  btnBorrarBuscador\r\n    .addEventListener(\r\n      \"click\",\r\n      () => {\r\n\r\n        inputBuscador.value =\r\n          \"\";\r\n\r\n        ejecutarBusqueda(\"\");\r\n\r\n        inputBuscador.focus();\r\n      }\r\n    );\r\n\r\n\r\n  document\r\n    .querySelectorAll(\r\n      \"#catNav .cat-btn\"\r\n    )\r\n    .forEach(btn => {\r\n\r\n      btn.onclick = () => {\r\n\r\n        document\r\n          .querySelectorAll(\r\n            \"#catNav .cat-btn\"\r\n          )\r\n          .forEach(b => {\r\n\r\n            b.classList.remove(\r\n              \"active\"\r\n            );\r\n\r\n          });\r\n\r\n        btn.classList.add(\r\n          \"active\"\r\n        );\r\n\r\n        const targetId =\r\n          btn.dataset.target;\r\n\r\n        const elemento =\r\n          document.getElementById(\r\n            targetId\r\n          );\r\n\r\n        if (elemento) {\r\n\r\n          elemento.scrollIntoView({\r\n            behavior: \"smooth\"\r\n          });\r\n        }\r\n      };\r\n    });\r\n\r\n\r\n  const overlay =\r\n    document.getElementById(\r\n      \"panelOverlay\"\r\n    );\r\n\r\n  const panel =\r\n    document.getElementById(\r\n      \"orderPanel\"\r\n    );\r\n\r\n\r\n  function abrirModal() {\r\n\r\n    overlay.classList.add(\r\n      \"open\"\r\n    );\r\n\r\n    panel.classList.add(\r\n      \"open\"\r\n    );\r\n  }\r\n\r\n\r\n  function cerrarModal() {\r\n\r\n    overlay.classList.remove(\r\n      \"open\"\r\n    );\r\n\r\n    panel.classList.remove(\r\n      \"open\"\r\n    );\r\n  }\r\n\r\n\r\n  document\r\n    .getElementById(\"cartBar\")\r\n    .onclick =\r\n    abrirModal;\r\n\r\n\r\n  document\r\n    .getElementById(\"closePanel\")\r\n    .onclick =\r\n    cerrarModal;\r\n\r\n\r\n  overlay.onclick =\r\n    cerrarModal;\r\n\r\n\r\n  document\r\n    .getElementById(\"enviarWP\")\r\n    .onclick = () => {\r\n\r\n\r\n      const cliente =\r\n        document\r\n          .getElementById(\"cliente\")\r\n          .value\r\n          .trim();\r\n\r\n\r\n      const alojamiento =\r\n        document\r\n          .getElementById(\"alojamiento\")\r\n          .value;\r\n\r\n\r\n      const pago =\r\n        document\r\n          .getElementById(\"pago\")\r\n          .value;\r\n\r\n\r\n      if (!cliente) {\r\n\r\n        alert(\r\n          \"Por favor, ingres\u00e1 tu nombre.\"\r\n        );\r\n\r\n        cerrarModal();\r\n\r\n        document\r\n          .getElementById(\"cliente\")\r\n          .focus();\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      if (!alojamiento) {\r\n\r\n        alert(\r\n          \"Por favor, seleccion\u00e1 d\u00f3nde te aloj\u00e1s.\"\r\n        );\r\n\r\n        cerrarModal();\r\n\r\n        document\r\n          .getElementById(\"alojamiento\")\r\n          .focus();\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      if (!pago) {\r\n\r\n        alert(\r\n          \"Por favor, seleccion\u00e1 tu m\u00e9todo de pago.\"\r\n        );\r\n\r\n        cerrarModal();\r\n\r\n        document\r\n          .getElementById(\"pago\")\r\n          .focus();\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      let mensajeTexto =\r\n        `\ud83d\udecd\ufe0f *Pedido Aloharte Delivery* \ud83d\ude9a\\n` +\r\n        `\ud83d\udc64 *Cliente:* ${cliente}\\n` +\r\n        `\ud83c\udfe1 *Alojamiento:* ${alojamiento}\\n` +\r\n        `\ud83d\udcb5 *Pago:* ${pago}\\n` +\r\n        `\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n`;\r\n\r\n\r\n      let total = 0;\r\n\r\n\r\n      Object\r\n        .entries(pedido)\r\n        .forEach(\r\n          ([nombre, item]) => {\r\n\r\n            if (\r\n              item.cantidad > 0\r\n            ) {\r\n\r\n              mensajeTexto +=\r\n                `\u2022 *${item.cantidad}x* ${nombre} \u2192 _${formatearPrecio(item.cantidad * item.precio)}_\\n`;\r\n\r\n              total +=\r\n                item.cantidad *\r\n                item.precio;\r\n            }\r\n          }\r\n        );\r\n\r\n\r\n      const costoEnvio =\r\n        obtenerCostoEnvio();\r\n\r\n\r\n      total +=\r\n        costoEnvio;\r\n\r\n\r\n      mensajeTexto +=\r\n        `\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n` +\r\n        `\ud83d\ude9a *Env\u00edo a ${alojamiento}:* ${formatearPrecio(costoEnvio)}\\n` +\r\n        `\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n` +\r\n        `\ud83d\udcb0 *TOTAL: ${formatearPrecio(total)}*`;\r\n\r\n\r\n      window.open(\r\n        \"https:\/\/wa.me\/541158164257?text=\" +\r\n        encodeURIComponent(\r\n          mensajeTexto\r\n        ),\r\n        \"_blank\"\r\n      );\r\n\r\n    };\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udecd\ufe0f Aloharte Delivery Tu pedido directo hasta tu alojamiento Eleg\u00ed lo que quieras y nosotros te lo llevamos \u2728 \ud83d\udc4b \u00a1Hola! Complet\u00e1 tus datos para el pedido Seleccion\u00e1 d\u00f3nde te aloj\u00e1sRinc\u00f3n Joven 1 &#8211; Env\u00edo $4.400Rinc\u00f3n Joven 2 &#8211; Env\u00edo $5.100La Esperanza &#8211; Env\u00edo $4.400Asiento del Alma &#8211; Env\u00edo $6.200Do\u00f1a Teresa &#8211; Env\u00edo $3.900El Descanso [&#8230;]\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7050","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aloharte.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/7050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aloharte.com.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aloharte.com.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aloharte.com.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aloharte.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7050"}],"version-history":[{"count":11,"href":"https:\/\/aloharte.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/7050\/revisions"}],"predecessor-version":[{"id":7061,"href":"https:\/\/aloharte.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/7050\/revisions\/7061"}],"wp:attachment":[{"href":"https:\/\/aloharte.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}