<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="Spanish" />
<meta name="title" content="Spanish - Chabad Lubavitch of Guatemala" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="222333-222340-3113221" />
<meta name="article-keywords" content="16403-2170-2898" />
<meta name="scope-aid" content="222333" />
<meta name="scope-aid" content="222340" />
<meta name="scope-aid" content="3113221" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadguatemala.com/templates/articlecco_cdo/aid/3113221/jewish/Spanish.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Spanish - Chabad Lubavitch of Guatemala" /><link rel="canonical" href="https://www.chabadguatemala.com/templates/articlecco_cdo/aid/3113221/jewish/Spanish.htm" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=72A49647" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?v=27BD2E9E" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?v=6DE80B07" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?v=A8AC7A58" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/blue-theme.css?v=2231C54A" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/language_selector.css?v=89B8E978" id="klanguage_selector_css" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?v=807ACD6C" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	Spanish - Chabad Lubavitch of Guatemala 
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2015-10-29","primaryArticleId":3113221,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Spanish","siteName":"Chabad Lubavitch of Guatemala "},"time":{"upcomingHoliday":"Yom Kippur","daysToUpcomingHoliday":0,"hebrewDate":"5787-07-10"}});
		dataLayer.push({ 'articleHierarchy': '-222333-222340-3113221-', 'keywords': '-k2898-k2170-k16403-', 'k': '-222333-222340-3113221--k2898-k2170-k16403-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 1076303;var sc_partition = 1;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "70213ce6";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c2.statcounter.com/counter.php?sc_project=1076303&amp;java=0&amp;security=70213ce6&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->




<script>
    window['_fs_debug'] = false;
    window['_fs_host'] = 'fullstory.com';
    window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
    window['_fs_org'] = 'AD8QY';
    window['_fs_namespace'] = 'FS';
    (function(m,n,e,t,l,o,g,y){
 if (m.location.pathname.includes(6148836)) {
        if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
        g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];        o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_script;
        y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);        g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};
        g.anonymize=function(){g.identify(!!0)};
        g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};
        g.log = function(a,b){g("log",[a,b])};
        g.consent=function(a){g("consent",!arguments.length||a)};
        g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
        g.clearUserCookie=function(){};
        g.setVars=function(n, p){g('setVars',[n,p]);};
        g._w={};y='XMLHttpRequest';g._w[y]=m[y];y='fetch';g._w[y]=m[y];
        if(m[y])m[y]=function(){return g._w[y].apply(this,arguments)};
        g._v="1.3.0";
    }
})(window,document,window['_fs_namespace'],'script','user');
</script></head>
<body class="lang_en dir_ltr cco_body sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>ChabadGuatemala.com</b>
</div>
	<div id="header">
		<div class="wrapper header-wrapper">
			
			


<div id="header_container" class="header_container">
	<div class="clearfix links">
		<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
		<div class="float_right">
			
		<div id="LanguageSelectorMenu" class="top_bar_item topBarLink cco_topbar_link language_selector" onclick="LanguageSelectorMenu(this);">
			<span id="LanguageSelectorLabel">Language:&nbsp;</span><span id="LanguageSelectorActiveLanguage">English</span>
			<div class="languages_listing">
	
		<div class="language_item active" lang="en" onclick="LanguageSelectorNavigateToLangCode(this);">
			<div class="float_right icon"></div>
			English
		</div>
	
		<div class="language_item" lang="es" onclick="LanguageSelectorNavigateToLangCode(this);">
			<div class="float_right icon"></div>
			Español
		</div>
	
			</div>
		</div>
	
			
				<div class="topBarLink cco_topbar_link ask_the_rabbi_link">
					<a href="/asktherabbi/default_cdo/jewish/Ask-the-Rabbi.htm">Ask the Rabbi</a>
				</div>
				
			
			
				<div class="topBarLink cco_topbar_link contact_link">
					<a href="/tools/feedback.asp">Contact</a>
				</div>
			
			
		</div>
		<div class="float_left">
			
				<div class="topBarLink cco_topbar_link home_link">
					<a href="/">Home</a>
				</div>
				
			
				<div class="topBarLink cco_topbar_link about_link">
					<a href="/36226">About</a>
				</div>
				
			
			

<div class="topBarLink mychabad_login_bar" id="mychabad_login_bar">
	
			
				<a href="/tools/login/default.asp?aid=3113221&amp;jewish=Spanish.htm" class="login_link" id="login_link">Sign In</a>
			
			
		
</div>
			
		</div>
	</div>
	<div class="break_floats"></div>
</div>

			<div class="clearfix branding-search">
				<div id="header_branding" class="no_outline ">
					<div class="g260 no_margin cco_search_header float_right">
						

<div class="co_search_form margin05">
	<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
		<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>
		

<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" OnAutoSuggestSelect="OnSearchAutoSuggestSelect(ev);" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" autoSuggestProperties="&quot;Highlight&quot;:true,&quot;Name&quot;:&quot;topAreaTopSearch_search&quot;,&quot;AutoSubmit&quot;:true,&quot;ShowRecommendedOnTop&quot;:false" autoSuggestUrl="/WebServices/RemoteCall/Get_Suggestions" display_name="Search Field" min_length="3"></input>
</div>

			
		
		
	
		<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
			<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
				<div class="inner">
					<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
					<div class="break_floats"></div>
					
				</div>
			</div>
		</div>
	</form>
</div>
					</div>
					
					<a href="/default.asp" title="Chabad Lubavitch of Guatemala " class="site_title">Chabad Lubavitch of Guatemala <span class="site_subtitle clearfix"> </span></a>
				</div>
			</div>
			
			
			<button type='button' class='cs-mobile-menu-open js-mobile-menu-open'><i class='fa fa-bars'></i></button>
			<div class="site-nav-wrapper">
				<script>
var primaryNavigationVersion = "639253947143294490";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper " data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="7005772" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="https://www.chabadguatemala.com/tools/feedback.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="7005775">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Contact Us</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/7005772/jewish/About-Us.htm" class="parent">About<br />Us</a></div></span><a href="/templates/articlecco_cdo/aid/7005772/jewish/About-Us.htm" class="bg_extension js-parent-menu-link" data-aid="7005772"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="690313" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/7005746/jewish/Sponsor-a-Kiddush.htm" class="item empty selected" id="menu_item2-1" data-menu-level="2" data-aid="7005746">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Sponsor a Kiddush</span>
</a>
</div>
<div id="menu_child2-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/690313/jewish/Synagogue.htm" class="parent">Synagogue</a></div></span><a href="/templates/articlecco_cdo/aid/690313/jewish/Synagogue.htm" class="bg_extension js-parent-menu-link" data-aid="690313"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="3113225" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/4727942/jewish/Deli-Kosher-Pesach-Items.htm" class="item empty selected" id="menu_item3-1" data-menu-level="2" data-aid="4727942">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Deli Kosher - Pesach Items</span>
</a>
<a href="/templates/articlecco_cdo/aid/6148836/jewish/Bakery.htm" class="item selected" id="menu_item3-2" data-menu-level="2" data-aid="6148836">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Bakery</span>
</a>
<a href="/templates/articlecco_cdo/aid/681516/jewish/Kosher-Food-at-Chabad.htm" class="item empty selected" id="menu_item3-3" data-menu-level="2" data-aid="681516">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Kosher Food at Chabad</span>
</a>
<a href="https://koshercentroamerica.com/" class="item empty selected" id="menu_item3-4" data-menu-level="2" data-aid="7008688">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Kosher Certification</span>
</a>
</div>
<div id="menu_child3-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-2" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/7513039/jewish/Bakery.htm" class="child_item default" data-menu-level="3" data-aid="7513039"><span>Bakery</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/3113225/jewish/Kosher.htm" class="parent">Kosher</a></div></span><a href="/templates/articlecco_cdo/aid/3113225/jewish/Kosher.htm" class="bg_extension js-parent-menu-link" data-aid="3113225"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="543099" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/690222/jewish/Hotels.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="690222">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Hotels</span>
</a>
<a href="/templates/articlecco_cdo/aid/690309/jewish/Shabbat-Hospitality.htm" class="item empty" id="menu_item4-2" data-menu-level="2" data-aid="690309">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Shabbat Hospitality</span>
</a>
<a href="/templates/articlecco_cdo/aid/3113225/jewish/Kosher.htm" class="item" id="menu_item4-3" data-menu-level="2" data-aid="7005785">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Kosher</span>
</a>
<a href="/templates/articlecco_cdo/aid/690313/jewish/Synagogue.htm" class="item" id="menu_item4-4" data-menu-level="2" data-aid="7008685">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Synagogue</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-3" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/4727942/jewish/Deli-Kosher-Pesach-Items.htm" class="child_item default" data-menu-level="3" data-aid="4727942"><span>Deli Kosher - Pesach Items</span></a>
<a href="/templates/articlecco_cdo/aid/6148836/jewish/Bakery.htm" class="child_item default" data-menu-level="3" data-aid="6148836"><span>Bakery</span></a>
<a href="/templates/articlecco_cdo/aid/681516/jewish/Kosher-Food-at-Chabad.htm" class="child_item default" data-menu-level="3" data-aid="681516"><span>Kosher Food at Chabad</span></a>
<a href="https://koshercentroamerica.com/" class="child_item default" data-menu-level="3" data-aid="7008688"><span>Kosher Certification</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-4" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/7005746/jewish/Sponsor-a-Kiddush.htm" class="child_item default" data-menu-level="3" data-aid="7005746"><span>Sponsor a Kiddush</span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/543099/jewish/Tourist-Information.htm" class="parent">Tourist<br />Information</a></div></span><a href="/templates/articlecco_cdo/aid/543099/jewish/Tourist-Information.htm" class="bg_extension js-parent-menu-link" data-aid="543099"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7007200" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="https://koshercentroamerica.com/" class="parent">Kosher&nbsp;Central<br />America</a></div></span><a href="https://koshercentroamerica.com/" class="bg_extension js-parent-menu-link" data-aid="7007200"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item donate_link" aid="0" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/4970020" class="parent">Donate</a></div></span><a href="/4970020" class="bg_extension js-parent-menu-link" data-aid="0"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
				<div class="mobile-menu-bottom-links">
					
						<a href="/36226" class="site-menu-general__link">About</a>
					
					<a href="/search">Search</a>
					
						<a href="/tools/feedback.asp">Contact</a>
					
		<div id="LanguageSelectorMenu" class="top_bar_item topBarLink cco_topbar_link language_selector" onclick="LanguageSelectorMenu(this);">
			<span id="LanguageSelectorLabel">Language:&nbsp;</span><span id="LanguageSelectorActiveLanguage">English</span>
			<div class="languages_listing">
	
		<div class="language_item active" lang="en" onclick="LanguageSelectorNavigateToLangCode(this);">
			<div class="float_right icon"></div>
			English
		</div>
	
		<div class="language_item" lang="es" onclick="LanguageSelectorNavigateToLangCode(this);">
			<div class="float_right icon"></div>
			Español
		</div>
	
			</div>
		</div>
	
				</div>
			</div>
		</div>
	</div>
	<div id="content">
		<div id="BodyContainer" class="wrapper">
			<div class="body_wrapper  no-hero-image clearfix">
				
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper g960" >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Spanish</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g700" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content g700 no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2015-10-29T15:32:48" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad Lubavitch of Guatemala " />
	<meta itemprop="brand" content="Chabad Lubavitch of Guatemala " />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/images/logos/chabad.org.amp.60_330.png" />
		<meta itemprop="height" content="60" />
		<meta itemprop="width" content="330" />
	</span>
</span>
<meta itemprop="datePublished" content="2015-10-29T15:32:48" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
					<div class="ads g260" id="co_ads_container">
						
	



<div class="sidebar-local-navigation cf" id="">

<meta class="js-desktop-local-nav" data-base-class="co_local_menu" />

	<div class="co_local_menu local_content js-local-nav" data-list-name="local navigation">
		
			
				<div class="header ">			
					
						<div class="section_title">
						<div><a data-menu-level="0" data-aid="3113221" href="/templates/articlecco_cdo/aid/3113221/jewish/Spanish.htm">Spanish</a></div>
						</div>
					
				</div>
				<div class="clearfix body medium_bottom_margin">
					
							
								<div class="item first" data-menu-level="1">
									<a data-aid="690322" href="/calendar/default_cdo/jewish/Calendario.htm" class="link_icon"><span>Calendario</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1107129" href="/templates/articlecco_cdo/aid/1107129/jewish/Sinagoga.htm"><span>Sinagoga</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="5268663" href="/templates/articlecco_cdo/aid/5268663/jewish/Kosher.htm"><span>Kosher</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1107229" href="/templates/articlecco_cdo/aid/1107229/jewish/Informacin-Turstica.htm"><span>Información Turística</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="5268688" href="/templates/articlecco_cdo/aid/5268688/jewish/Educacion.htm"><span>Educacion</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="2361604" href="/templates/articlecco_cdo/aid/2361604/jewish/Torah-Studies-Spanish.htm"><span>Torah Studies - Spanish</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="2154521" href="http://www.jnet.org/templates/jnet/article_cdo/aid/1859179/jewish/JNet-Sign-up-Spanish.htm"><span>Jnet - Spanish</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1762660" href="/templates/articlecco_cdo/aid/1762660/jewish/JWC-Retreat-Reservation-Form.htm"><span>JWC Retreat Reservation Form</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="4695588" href="/templates/articlecco_cdo/aid/4695588/jewish/Seder-To-Go.htm"><span>Seder To Go</span></a>
								</div>
							
							
						
							
								<div class="item last" data-menu-level="1">
									<a data-aid="4719256" href="/templates/articlecco_cdo/aid/4719256/jewish/Shabat-To-Go.htm"><span>Shabat To Go</span></a>
								</div>
							
							
						<div class="separator"></div>
				</div>
			
			
			
	<div id="LocalNavigationQuickLinks" class="clearfix secondary_navigation local-navigation-quick-links container padding">
		<div class="header small_bottom_padding">
			<div>Quick Links</div>
		</div>

		
				<div class="item ">
					<a href="/6318484"><span><span>chabadguatemala.com/Bakery</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/tools/feedback.asp"><span><span>Contact</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4970020"><span><span>Donate</span></span></a>
				</div>
			
	</div>

		
	</div>
</div>

	<div id="customizable_promos" class="">
		


<div class="sneak-peek-container clearfix">
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/3755551">Mikvah</a>
</h6>
<p>Sample Teaser</p>
<a href="/3755551" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/707/zNKx7075872.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/3113225">Kosher Food</a>
</h6>
<p>Sample Teaser</p>
<a href="/3113225" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1266/mtwd12661518.jpeg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/7007236">Community</a>
</h6>
<p>Sample Teaser</p>
<a href="/7007236" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1266/KmFM12661465.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/543099">Traveler</a>
</h6>
<p>Sample Teaser</p>
<a href="/543099" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1266/QRlO12661468.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/690309">Shabbat</a>
</h6>
<p>Sample Teaser</p>
<a href="/690309" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/625/nBBR6250929.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/contact">Contact Us</a>
</h6>
<p>Sample Teaser</p>
<a href="/contact" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/85/ZbxE859002.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>

	</div>


	

					</div>
				
				
			</div>
			
			
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.chabadguatemala.com%2ftemplates%2farticlecco_cdo%2faid%2f3113221%2fjewish%2fSpanish.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Spanish+-+Chabad+Lubavitch+of+Guatemala+&amp;url=https%3a%2f%2fwww.chabadguatemala.com%2ftemplates%2farticlecco_cdo%2faid%2f3113221%2fjewish%2fSpanish.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Spanish+-+Chabad+Lubavitch+of+Guatemala+ https%3a%2f%2fwww.chabadguatemala.com%2ftemplates%2farticlecco_cdo%2faid%2f3113221%2fjewish%2fSpanish.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.chabadguatemala.com%2ftemplates%2farticlecco_cdo%2faid%2f3113221%2fjewish%2fSpanish.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Spanish+-+Chabad+Lubavitch+of+Guatemala+">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

				<div class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
				<div class="g960 footer_family_text bottom_padding">
					
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					



	<div class="footer3">
		<span class="footer-title" >Chabad Lubavitch of Guatemala </span>
		<div class="footer-address">
			<span class="footer-street">9 Calle 14-64, Zona 13 </span>
			<span class="footer-city-state">Guatemala City,  01013</span>
		</div>
			<span class="footer-country">Guatemala</span><span>502-2498-3770</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




					
				</div>
			</div>
		</div>
	
				</div>
			
		</div>
	</div>

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CC07618E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=5457FBE7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js?v=E04072E1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?v=2A22CA16"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/language_selector.js?v=46FE19A8"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad Lubavitch of Guatemala '}; Co.ArticleId     = '3113221';Co.SectionId     = 3113221;Co.PartnerSiteId = 0;Co.SiteId        = 887;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadGuatemala.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script><script>
function showLangDialog()
	{
		Co.Dialog.Confirm('<div class="lang_dialog">Please select your language:</div>', {
			buttons: {'English':'en','Español':'es'},
			Title: "Language",
			func: function(ev, buttonClickValue)
			{
				var url = Co.Request.ScriptName();
				document.location.href = url + Co.Request.Append("lang", buttonClickValue);
			}
		});
	}

	Co.DomEvents.AddListener(window, 'domload', function() {
		var showLangLayer = document.getElementById('show_lang_layer');
		if (showLangLayer)
		{
			Co.DomEvents.AddListener(showLangLayer, 'click', function() {
				showLangDialog();				
			});
		}
	});
</script><script>
$j(showLangDialog);
</script>

    
<script>
(function () {

  // ============================================================
  // GATE — Chabad Guatemala Bakery Order Form (form 7513039)
  // Gated on the form itself, so it survives URL/aid changes.
  // ============================================================
  if (!document.querySelector('form[name="form_7513039"]')) return;

  // ============================================================
  // CONFIG
  // ============================================================
  // Google Sheet published as CSV. Columns: Item Name, Image URL
  // (Item Name must match the card name exactly — the field label
  //  with the trailing colon removed. Extra columns are ignored.)
  // File > Share > Publish to web > (this sheet) > CSV
  var SHEET_CSV = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vT2en3p9EXeHjBvq3zZ5eeEE64_xxzN004GpEA-SzbqKU0jfvjSe7qCMrLqsvy_vAsXDEXYdll7Oh5v/pub?gid=1377097536&single=true&output=csv';

  // Hidden textarea that receives the plain-text order summary.
  // Merge tag for the receipt: <<input_298>>
  var SUMMARY_INPUT_ID = 'input_298';
  var SUMMARY_LI_ID    = 'id_298';

  var CURRENCY = 'Q';

  // Everything that belongs in the checkout box, in reading order.
  var CHECKOUT_IDS = [
    'cid_215', // "Checkout / Verificar" header
    'id_213',  // ready-by-2pm note
    'id_1',    // name
    'id_3',    // email
    'id_205',  // phone
    'id_4',    // opt-in
    'id_206',  // pickup/delivery day
    'id_14',   // pickup or delivery
    'id_208',  // delivery zone
    'id_25',   // "Pickup at Chabad" note
    'id_6',    // address
    'id_24',   // additional donation
    'id_12',   // TOTAL + 3% offset
    'id_13',   // payment (pay on pickup/delivery)
    'id_23',   // comments
    'id_69'    // submit
  ];

  // ============================================================
  // FONTS
  // ============================================================
  var fontLink = document.createElement('link');
  fontLink.rel  = 'stylesheet';
  fontLink.href = 'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap';
  document.head.appendChild(fontLink);

  // ============================================================
  // STYLES
  // ============================================================
  var style = document.createElement('style');
  style.textContent = `
    :root {
      --cs-primary:        #1e5aa8;
      --cs-primary-dark:   #16457f;
      --cs-primary-light:  rgba(30,90,168,0.45);
      --cs-primary-faint:  rgba(30,90,168,0.05);
      --cs-primary-border: rgba(30,90,168,0.30);
      --cs-primary-bg:     rgba(30,90,168,0.12);
      --cs-text-dark:  #2b3440;
      --cs-text-med:   #4d5765;
      --cs-text-light: #8a93a0;
      --cs-border:       #d9e1ea;
      --cs-border-light: #e9eef4;
      --cs-bg-input: #eef2f7;
      --cs-bg-light: #f7fafd;
      --cs-shadow:   0px 2px 10px rgba(20,50,90,0.06);
      --cs-radius: 12px;
    }

    /* ── SHELL ─────────────────────────────────── */
    #formContainer .form-all {
      font-family: 'Poppins', sans-serif !important;
      width: 100% !important; max-width: 1040px !important; margin: 0 auto !important;
      padding: 30px 20px 100px !important; background: #fff !important; box-shadow: none !important;
    }
    li#${SUMMARY_LI_ID} { display: none !important; }
    .co_body .content .form-all li.form-input-wide,
    .co_body .content .form-all .form-line { padding: 0 !important; }
    .co_body .content .form-all .form-line { grid-template-columns: unset !important; }
    .form-section { list-style: none !important; padding: 0 !important; margin: 0 !important; }
    .form-all .form-label, .form-all .form-label-left, .form-all .form-label-right { width: auto !important; float: none !important; }
    .form-all .label-message { display: none !important; }
    #GenFormStyles { display: none !important; }
    .form-all li[id] { scroll-margin-top: 90px; }

    /* ── PAGE HEADER (id_28 / 286 / 246) ───────── */
    .form-all .form-input-wide .form-header-group {
      margin: 30px 0 14px !important; background: transparent !important; border: none !important; padding: 0 !important; text-align: center !important;
    }
    .form-all h1.form-header, .form-all h2.form-header {
      font-family: 'Playfair Display', serif !important; font-weight: 700 !important;
      font-size: 36px !important; color: var(--cs-primary) !important;
      text-transform: none !important; margin: 0 !important; padding: 0 !important;
      border: none !important; background: transparent !important; line-height: 1.15 !important;
    }
    .form-all h1.form-header:empty, .form-all h2.form-header:empty { display: none !important; }
    .form-all .form-subHeader {
      font-family: 'Poppins', sans-serif !important; font-weight: 400 !important;
      font-size: 15px !important; color: var(--cs-text-med) !important;
      margin: 8px auto 0 !important; max-width: 760px !important; line-height: 1.6 !important; text-transform: none !important;
    }
    #cid_286 .form-header-group, #cid_246 .form-header-group { margin: 6px 0 !important; }

    /* ── SECTION HEADERS (Challah / Trenza: etc.) ── */
    li.cs-section { margin: 44px 0 16px !important; }
    li.cs-section .form-html { padding: 0 !important; margin: 0 !important; }
    .cs-section__title {
      font-family: 'Playfair Display', serif !important; font-weight: 700 !important;
      font-size: 26px !important; color: var(--cs-text-dark) !important; margin: 0 !important; padding: 0 0 10px !important;
      border-bottom: 2px solid var(--cs-primary-border) !important; line-height: 1.2 !important;
    }
    .cs-section__title .cs-es { color: var(--cs-text-light) !important; font-weight: 600 !important; font-family: 'Poppins', sans-serif !important; font-size: 16px !important; margin-left: 10px !important; }

    /* ── NOTES (287, 293, 214 …) ───────────────── */
    li.cs-note .form-html, li.cs-note .form-html p, li.cs-note .form-html span {
      font-family: 'Poppins', sans-serif !important; font-size: 13px !important; color: var(--cs-text-light) !important; line-height: 1.5 !important;
    }
    li.cs-note { margin: 6px 0 12px !important; }
    li.cs-note .form-html a, li.cs-note .form-html a * { color: var(--cs-primary) !important; font-weight: 600 !important; }

    /* ── TABLE OF CONTENTS (plain HTML placed in the form) ── */
    .cs-toc { border: 1px solid var(--cs-primary-border) !important; border-radius: var(--cs-radius) !important; background: var(--cs-primary-faint) !important; padding: 18px 22px !important; margin: 20px 0 10px !important; }
    .cs-toc p, .cs-toc strong { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; color: var(--cs-text-med) !important; margin: 0 0 10px !important; }
    .cs-toc ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
    .cs-toc li { margin: 0 !important; padding: 0 !important; }
    .cs-toc a {
      display: inline-block !important; padding: 7px 14px !important; border-radius: 999px !important; background: #fff !important;
      border: 1px solid var(--cs-primary-border) !important; font-family: 'Poppins', sans-serif !important; font-size: 13px !important;
      font-weight: 600 !important; color: var(--cs-primary) !important; text-decoration: none !important; transition: background .15s, color .15s !important;
    }
    .cs-toc a:hover { background: var(--cs-primary) !important; color: #fff !important; }

    /* ── ITEM GRID: 2 PER ROW ──────────────────── */
    .cs-item-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; width: 100% !important; margin-bottom: 6px !important; align-items: start !important; }
    li.form-line.cs-menu-item {
      border: 1px solid var(--cs-border) !important; border-radius: var(--cs-radius) !important; box-shadow: var(--cs-shadow) !important; overflow: hidden !important;
      display: flex !important; align-items: center !important; padding: 0 !important; min-height: 120px !important; position: relative !important;
      transition: border-color .25s, box-shadow .25s !important; background: #fff !important; margin: 0 !important;
    }
    li.form-line.cs-menu-item.cs-selected { border: 2px solid var(--cs-primary) !important; box-shadow: 0 0 0 1px var(--cs-primary) !important; }
    .cs-item-card { padding: 10px !important; display: flex !important; align-items: center !important; width: 100% !important; height: 100% !important; min-width: 0 !important; gap: 12px !important; }
    .cs-item__img { width: 92px !important; height: 92px !important; border-radius: 8px !important; object-fit: cover !important; flex-shrink: 0 !important; background: var(--cs-bg-light) !important; display: block !important; }
    .cs-item__info { display: flex !important; flex-direction: column !important; gap: 2px !important; flex: 1 !important; min-width: 0 !important; }
    .cs-item__name { font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 14px !important; color: var(--cs-text-dark) !important; line-height: 1.3 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; }
    .cs-item__name .cs-es { display: block !important; font-weight: 500 !important; color: var(--cs-text-med) !important; font-size: 12.5px !important; }
    .cs-item__desc { font-family: 'Poppins', sans-serif !important; font-weight: 400 !important; font-size: 12px !important; color: var(--cs-text-light) !important; margin: 2px 0 0 !important; padding: 0 !important; line-height: 1.35 !important; }
    .cs-item__price { font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 17px !important; color: var(--cs-primary) !important; margin-top: 6px !important; }
    .cs-item__ctrl { display: flex !important; flex-direction: column !important; align-items: flex-end !important; flex-shrink: 0 !important; }
    .cs-qty-control { display: flex !important; align-items: center !important; gap: 2px !important; background: var(--cs-bg-input) !important; border: 1px solid var(--cs-primary-border) !important; border-radius: 8px !important; padding: 3px 4px !important; height: 44px !important; width: 118px !important; box-sizing: border-box !important; transition: all .25s !important; }
    .cs-qty-btn { width: 34px !important; height: 36px !important; background: #fff !important; border: none !important; border-radius: 6px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; font-family: 'Poppins', sans-serif !important; color: var(--cs-text-dark) !important; line-height: 1 !important; flex-shrink: 0 !important; transition: background .15s, transform .1s !important; padding: 0 !important; }
    .cs-qty-btn:hover { background: #e8eef5 !important; }
    .cs-qty-btn:active { transform: scale(.9) !important; }
    .cs-qty-display { flex: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 17px !important; color: var(--cs-text-dark) !important; background: rgba(255,255,255,.5) !important; border-radius: 6px !important; height: 36px !important; user-select: none !important; }
    li.form-line.cs-menu-item.cs-selected .cs-qty-control { background: var(--cs-primary) !important; border-color: var(--cs-primary) !important; }
    li.form-line.cs-menu-item.cs-selected .cs-qty-btn { background: rgba(255,255,255,.18) !important; color: #fff !important; }
    li.form-line.cs-menu-item.cs-selected .cs-qty-btn:hover { background: rgba(255,255,255,.3) !important; }
    li.form-line.cs-menu-item.cs-selected .cs-qty-display { background: transparent !important; color: #fff !important; }

    /* ── ORDER SUMMARY BOX ─────────────────────── */
    #cs-order-box-el { border: 1px solid var(--cs-primary-light) !important; border-radius: 14px !important; padding: 30px !important; margin-top: 45px !important; background: #fff !important; display: none; }
    .cs-order-box-title { font-family: 'Playfair Display', serif !important; font-weight: 700 !important; font-size: 28px !important; color: var(--cs-text-dark) !important; margin: 0 0 16px !important; }
    .cs-order-divider { width: 100% !important; height: 1px !important; background: var(--cs-border) !important; margin-bottom: 22px !important; }
    .cs-order-items { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-bottom: 18px !important; }
    .cs-order-line { display: flex !important; align-items: center !important; justify-content: space-between !important; padding-bottom: 8px !important; border-bottom: 1px dashed var(--cs-border-light) !important; animation: csFadeUp .3s ease forwards !important; gap: 12px !important; }
    @keyframes csFadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
    .cs-order-line__left { display: flex !important; align-items: center !important; gap: 16px !important; min-width: 0 !important; }
    .cs-order-qty  { font-family:'Poppins',sans-serif !important; font-weight:700 !important; font-size:16px !important; color:var(--cs-primary) !important; flex-shrink: 0 !important; }
    .cs-order-name { font-family:'Poppins',sans-serif !important; font-weight:400 !important; font-size:15px !important; color:var(--cs-text-dark) !important; }
    .cs-order-price{ font-family:'Poppins',sans-serif !important; font-weight:600 !important; font-size:16px !important; color:var(--cs-text-dark) !important; flex-shrink: 0 !important; }
    .cs-order-subtotal { display: flex !important; justify-content: space-between !important; align-items: center !important; background: var(--cs-primary-faint) !important; border-radius: 8px !important; padding: 14px 18px !important; font-family: 'Poppins', sans-serif !important; }
    .cs-order-subtotal span:first-child { font-weight: 600 !important; font-size: 15px !important; color: var(--cs-text-med) !important; }
    .cs-order-subtotal span:last-child  { font-weight: 800 !important; font-size: 18px !important; color: var(--cs-primary) !important; }
    .cs-order-hint { font-family: 'Poppins', sans-serif !important; font-size: 12px !important; color: var(--cs-text-light) !important; margin: 10px 0 0 !important; }

    /* ── CHECKOUT BOX ──────────────────────────── */
    #cs-checkout-box-el { border: 1px solid var(--cs-primary-light) !important; border-radius: 14px !important; padding: 34px !important; margin-top: 40px !important; background: #fff !important; }
    #cs-checkout-box-el .form-header-group { margin: 0 0 20px !important; text-align: left !important; }
    #cs-checkout-box-el h2.form-header { font-size: 26px !important; }
    #cs-checkout-box-el .form-line { display: flex !important; flex-direction: column !important; padding: 0 0 22px !important; width: 100% !important; margin: 0 !important; }
    #cs-checkout-box-el .form-input, #cs-checkout-box-el .form-input-wide { width: 100% !important; float: none !important; max-width: 100% !important; display: block !important; }
    #cs-checkout-box-el .form-label-left { width: 100% !important; float: none !important; display: block !important; margin-bottom: 8px !important; }
    #cs-checkout-box-el .form-label-left label { font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; font-size: 16px !important; color: var(--cs-text-med) !important; }
    #cs-checkout-box-el .form-label-left .label-message { display: block !important; font-weight: 400 !important; font-size: 13px !important; color: var(--cs-text-light) !important; margin-top: 2px !important; }
    #cs-checkout-box-el .form-required { color: var(--cs-primary) !important; }
    #cs-checkout-box-el .form-textbox, #cs-checkout-box-el .form-dropdown, #cs-checkout-box-el .form-textarea {
      width: 100% !important; border: 2px solid var(--cs-border-light) !important; border-radius: var(--cs-radius) !important; padding: 0 16px !important;
      font-family: 'Poppins', sans-serif !important; font-size: 16px !important; color: var(--cs-text-dark) !important; outline: none !important;
      transition: border-color .15s !important; box-sizing: border-box !important; background: #fff !important; box-shadow: none !important;
    }
    #cs-checkout-box-el .form-textbox, #cs-checkout-box-el .form-dropdown { height: 52px !important; }
    #cs-checkout-box-el .form-textarea { padding: 12px 16px !important; min-height: 110px !important; }
    #cs-checkout-box-el .form-textbox:focus, #cs-checkout-box-el .form-dropdown:focus, #cs-checkout-box-el .form-textarea:focus { border-color: var(--cs-primary) !important; }
    #cs-checkout-box-el .form-sub-label { font-family: 'Poppins', sans-serif !important; font-size: 12px !important; color: var(--cs-text-light) !important; margin-top: 4px !important; display: block !important; }
    #cs-checkout-box-el .form-sub-label-container { display: block !important; margin-bottom: 8px !important; }
    #id_1 .form-input { display: flex !important; gap: 14px !important; flex-wrap: wrap !important; }
    #id_1 .form-sub-label-container { flex: 1 1 200px !important; display: block !important; }
    #id_6 .form-address-table { width: 100% !important; }
    #id_6 td { padding: 0 6px 0 0 !important; vertical-align: top !important; }

    /* radios / checkboxes (day, pickup-delivery, zone, opt-in, 3%) */
    #cs-checkout-box-el .form-multiple-column, #cs-checkout-box-el .form-single-column { display: flex !important; flex-wrap: wrap !important; gap: 8px 10px !important; }
    #cs-checkout-box-el .form-radio-item, #cs-checkout-box-el .form-checkbox-item {
      display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 10px 14px !important;
      border: 1px solid var(--cs-border) !important; border-radius: 10px !important; background: #fff !important; float: none !important; width: auto !important;
    }
    #cs-checkout-box-el .form-radio-item label, #cs-checkout-box-el .form-checkbox-item label { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; color: var(--cs-text-dark) !important; margin: 0 !important; cursor: pointer !important; }
    #cs-checkout-box-el .form-radio-item:has(input:checked), #cs-checkout-box-el .form-checkbox-item:has(input:checked) { border-color: var(--cs-primary) !important; background: var(--cs-primary-faint) !important; }
    #cs-checkout-box-el .clearfix { display: none !important; }
    #id_208 .form-checkbox-item { flex: 1 1 100% !important; }

    /* notes inside checkout (213, 25, payment) */
    #cs-checkout-box-el .form-html, #cs-checkout-box-el .form-html p, #cs-checkout-box-el .form-html span, #cs-checkout-box-el .form-html strong {
      font-family: 'Poppins', sans-serif !important; font-size: 14px !important; color: var(--cs-text-med) !important; line-height: 1.5 !important;
    }
    #id_213 .form-html { border-left: 3px solid var(--cs-primary) !important; padding: 6px 14px !important; background: var(--cs-primary-faint) !important; border-radius: 0 8px 8px 0 !important; }
    #id_213 .form-html p { margin: 0 0 4px !important; }

    /* donation amount */
    #id_24 .form-radio-item.simple-mode { border: none !important; padding: 0 !important; gap: 10px !important; width: 100% !important; }
    #id_24 .form-radio-item.simple-mode label span { font-weight: 600 !important; color: var(--cs-text-med) !important; }
    #id_24 input.form-textbox { max-width: 220px !important; }

    /* TOTAL */
    #id_12 { background: var(--cs-primary-bg) !important; border-radius: 10px !important; padding: 18px 22px !important; margin: 6px 0 22px !important; }
    #id_12 .form-label-left { margin-bottom: 4px !important; }
    #id_12 #label_12 label { font-size: 20px !important; color: var(--cs-text-dark) !important; font-weight: 700 !important; }
    #total_amount { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; font-size: 28px !important; color: var(--cs-primary) !important; }
    #div_offset_gift_12 { margin-top: 10px !important; border: none !important; padding: 0 !important; background: transparent !important; }
    #div_offset_gift_12 label { font-size: 13px !important; color: var(--cs-text-med) !important; }

    /* payment (only "Pay on Pickup/Delivery") */
    #id_13 .form-payment-methods { display: none !important; }
    #id_13 .form-address-table { width: 100% !important; }
    #id_13 tr.other td { font-family: 'Poppins', sans-serif !important; font-size: 15px !important; color: var(--cs-text-dark) !important; font-weight: 600 !important; padding: 12px 16px !important; background: var(--cs-bg-light) !important; border-radius: 10px !important; border: 1px dashed var(--cs-border) !important; }

    /* submit */
    #id_69 { padding-bottom: 0 !important; }
    .form-buttons-wrapper { text-indent: 0 !important; text-align: center !important; }
    .form-submit-button {
      width: 100% !important; background: var(--cs-primary) !important; border: none !important; border-radius: 14px !important; padding: 22px !important;
      font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; font-size: 22px !important; color: #fff !important; cursor: pointer !important;
      display: block !important; transition: background .2s, transform .1s !important; margin: 10px auto 0 !important;
    }
    .form-submit-button:hover { background: var(--cs-primary-dark) !important; }
    .form-submit-button:active { transform: scale(.99) !important; }

    @media (max-width: 768px) {
      .cs-item-grid { grid-template-columns: 1fr !important; }
      #formContainer .form-all { padding: 20px 12px 80px !important; }
      .form-all h1.form-header, .form-all h2.form-header { font-size: 28px !important; }
      .cs-section__title { font-size: 22px !important; }
      .cs-section__title .cs-es { display: block !important; margin: 4px 0 0 !important; }
      .cs-item__img { width: 76px !important; height: 76px !important; }
      .cs-qty-control { width: 108px !important; }
      #cs-order-box-el, #cs-checkout-box-el { padding: 20px !important; }
      .form-all li[id] { scroll-margin-top: 70px; }
    }
  `;
  document.head.appendChild(style);

  // ============================================================
  // HELPERS
  // ============================================================
  function ready(fn){ if(document.readyState!=='loading'){fn();} else {document.addEventListener('DOMContentLoaded',fn);} }
  function money(n){ return CURRENCY + ' ' + (Math.round(n * 100) / 100).toFixed(2); }
  function esc(s){ return String(s).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); }
  function norm(s){ return String(s).replace(/\s+/g,' ').trim().toLowerCase().normalize('NFC'); }

  // "English / Español" → wrap the Spanish half so it can be styled
  function bilingual(name) {
    var i = name.indexOf(' / ');
    if (i < 0) return esc(name);
    return esc(name.slice(0, i)) + '<span class="cs-es">' + esc(name.slice(i + 3)) + '</span>';
  }

  // An <li> the CMS deliberately hides — never touch it, never reveal it.
  function isHiddenLi(el) {
    if (!el || !el.classList) return false;
    if (el.classList.contains('always-hidden')) return true;
    if (el.id === SUMMARY_LI_ID) return true;
    var st = (el.getAttribute('style') || '').replace(/\s/g, '');
    return st.indexOf('display:none') > -1;
  }

  // ============================================================
  // INIT
  // ============================================================
  ready(function () {
    // 1. Every visible number input becomes a card
    document.querySelectorAll('input[data-type="input-number"]').forEach(function (input) {
      var li = input.closest('li.form-line');
      if (!li || isHiddenLi(li)) return;
      transformToCard(li, input);
    });

    // 2. Clean up the rich-text section headers and notes
    styleTextBlocks();

    // 3. Group consecutive cards into 2-col grids
    groupItemsIntoGrids();

    // 4. Order summary box, then checkout box
    wrapOrderSection();
    wrapCheckoutSection();

    // 5. Keep the receipt summary in sync with the CMS total
    watchTotal();
    updateOrderSummary();

    // 6. Images
    if (SHEET_CSV && SHEET_CSV.indexOf('http') === 0) fetchImages();
    else stripImages();
  });

  // ============================================================
  // CARD TRANSFORM
  //   name  = main label            ("Loaf of White Bread / Pan de Molde Blanco")
  //   price = first number in .label-message  ("Q 12.00 each / cada" → 12)
  //   desc  = the rest of .label-message      ("each / cada")
  // ============================================================
  function transformToCard(li, input) {
    var labelEl = li.querySelector('.form-label-left label:not(.label-message)');
    if (!labelEl) return;

    // Safety net: quantity fields must never be required
    input.classList.remove('validate[required]');
    var req = labelEl.querySelector('.form-required'); if (req) req.remove();

    var name = labelEl.textContent.replace(/\s+/g, ' ').trim().replace(/[:\-]\s*$/, '').trim();

    var msgEl = li.querySelector('.form-label-left label.label-message');
    var price = 0, desc = '';
    if (msgEl) {
      var txt = msgEl.textContent.replace(/,/g, '').replace(/\s+/g, ' ').trim();
      var m = txt.match(/(\d+(?:\.\d+)?)/);
      if (m) price = parseFloat(m[1]);
      desc = txt.replace(/^Q?\s*[\d.]+\s*/i, '').trim();
    }

    li.classList.add('cs-menu-item');
    li.setAttribute('data-cs-name', name);
    li.setAttribute('data-cs-price', price);

    var labelLeft = li.querySelector('.form-label-left');
    var formInput = li.querySelector('.form-input');
    var hide = 'position:absolute;opacity:0;pointer-events:none;width:0;height:0;overflow:hidden;';
    if (labelLeft) labelLeft.style.cssText = hide;
    if (formInput) formInput.style.cssText = hide;

    var card = document.createElement('div');
    card.className = 'cs-item-card';

    var img = document.createElement('img');
    img.className = 'cs-item__img';
    img.alt = name;

    var info = document.createElement('div');
    info.className = 'cs-item__info';
    var h3 = document.createElement('h3');
    h3.className = 'cs-item__name';
    h3.innerHTML = bilingual(name);
    info.appendChild(h3);
    if (desc) {
      var p = document.createElement('p');
      p.className = 'cs-item__desc';
      p.textContent = desc;
      info.appendChild(p);
    }
    var pr = document.createElement('span');
    pr.className = 'cs-item__price';
    pr.textContent = money(price);
    info.appendChild(pr);

    var ctrl = document.createElement('div');
    ctrl.className = 'cs-item__ctrl';
    ctrl.innerHTML =
      '<div class="cs-qty-control">' +
        '<button type="button" class="cs-qty-btn cs-qty-minus" aria-label="less">\u2212</button>' +
        '<span class="cs-qty-display">0</span>' +
        '<button type="button" class="cs-qty-btn cs-qty-plus" aria-label="more">+</button>' +
      '</div>';

    card.appendChild(img);
    card.appendChild(info);
    card.appendChild(ctrl);
    li.appendChild(card);

    var minusBtn = ctrl.querySelector('.cs-qty-minus');
    var plusBtn  = ctrl.querySelector('.cs-qty-plus');
    var display  = ctrl.querySelector('.cs-qty-display');

    function setQty(n) {
      input.value = n > 0 ? n : '';
      display.textContent = n;
      li.classList.toggle('cs-selected', n > 0);
      if (window.$j) window.$j(input).trigger('change').trigger('keyup');
      ['input','change','keyup'].forEach(function(evt){ input.dispatchEvent(new Event(evt, { bubbles: true })); });
      updateOrderSummary();
    }
    plusBtn.addEventListener('click', function(){ setQty(parseInt(input.value || '0', 10) + 1); });
    minusBtn.addEventListener('click', function(){
      var cur = parseInt(input.value || '0', 10);
      if (cur > 0) setQty(cur - 1);
    });
  }

  // ============================================================
  // SECTION HEADERS + NOTES
  //   A .form-html block is a section header when it contains an
  //   <h1> or its (short) text ends with ":". Images inside are
  //   removed (the cards carry the photos now). Everything else
  //   in a .form-html block is styled as a note.
  //   The <li> keeps its id, so #id_265 etc. still work as anchors.
  // ============================================================
  function styleTextBlocks() {
    document.querySelectorAll('li.form-line .form-html').forEach(function (block) {
      var li = block.closest('li.form-line');
      if (!li || isHiddenLi(li)) return;
      if (block.querySelector('.cs-toc')) return;                 // leave the TOC alone (styled by class)

      var text = block.textContent.replace(/\u00a0/g, ' ').replace(/\s+/g, ' ').trim();
      var isHeader = (!!block.querySelector('h1') || /:$/.test(text)) && text.length < 80;

      if (isHeader) {
        var title = text.replace(/[:\s]+$/, '');
        li.classList.add('cs-section');
        block.innerHTML = '<h2 class="cs-section__title">' + bilingual(title) + '</h2>';
      } else {
        li.classList.add('cs-note');
        block.querySelectorAll('img').forEach(function (i) { i.remove(); });
        if (!block.textContent.trim()) li.style.display = 'none';   // image-only strips (273, 285)
      }
    });
  }

  // ============================================================
  // GROUP ITEMS INTO 2-COL GRIDS
  //   Hidden <li>s are skipped WITHOUT breaking the run.
  //   Section headers and notes break the run, so each section
  //   gets its own grid.
  // ============================================================
  function groupItemsIntoGrids() {
    var section = document.querySelector('.form-all .form-section');
    if (!section) return;
    var run = [];
    function flush() {
      if (!run.length) return;
      var grid = document.createElement('div');
      grid.className = 'cs-item-grid';
      run[0].parentNode.insertBefore(grid, run[0]);
      run.forEach(function(li){ grid.appendChild(li); });
      run = [];
    }
    [].slice.call(section.children).forEach(function(el){
      if (el.classList && el.classList.contains('cs-menu-item')) run.push(el);
      else if (isHiddenLi(el)) { /* leave alone, don't break the run */ }
      else flush();
    });
    flush();
  }

  // ============================================================
  // ORDER SUMMARY BOX — item lines + subtotal.
  //   Sits just before the Checkout header. The CMS TOTAL (id_12)
  //   stays in the checkout box because delivery zone, donation
  //   and the 3% offset all change it.
  // ============================================================
  function wrapOrderSection() {
    var anchor = document.getElementById('cid_215') || document.getElementById('id_12');
    if (!anchor) return;
    var box = document.createElement('div');
    box.id = 'cs-order-box-el';
    box.innerHTML =
      '<div class="cs-order-box-title">Your Order / Su Pedido</div>' +
      '<div class="cs-order-divider"></div>' +
      '<div id="cs-order-items" class="cs-order-items"></div>' +
      '<div class="cs-order-subtotal"><span>Items / Art\u00edculos</span><span id="cs-order-subtotal-amt">' + money(0) + '</span></div>' +
      '<p class="cs-order-hint">Delivery and donation are added in the total below / La entrega y la donaci\u00f3n se suman en el total abajo.</p>';
    anchor.parentNode.insertBefore(box, anchor);
  }

  // ============================================================
  // CHECKOUT BOX — details, delivery, donation, total, payment, submit
  // ============================================================
  function wrapCheckoutSection() {
    var orderBox = document.getElementById('cs-order-box-el');
    var box = document.createElement('div');
    box.id = 'cs-checkout-box-el';

    if (orderBox) orderBox.parentNode.insertBefore(box, orderBox.nextSibling);
    else {
      var first = document.getElementById(CHECKOUT_IDS[0]);
      if (!first) return;
      first.parentNode.insertBefore(box, first);
    }
    CHECKOUT_IDS.forEach(function(id){
      var el = document.getElementById(id);
      if (el) box.appendChild(el);
    });
  }

  // ============================================================
  // LIVE ORDER SUMMARY
  // ============================================================
  function eachOrderedItem(cb) {
    document.querySelectorAll('li.form-line.cs-menu-item').forEach(function (li) {
      var input = li.querySelector('input[data-type="input-number"]');
      if (!input) return;
      var qty = parseInt(input.value || '0', 10);
      if (!qty || qty <= 0) return;
      var price = parseFloat(li.getAttribute('data-cs-price') || '0') || 0;
      cb(li.getAttribute('data-cs-name') || 'Item', qty, price);
    });
  }

  function updateOrderSummary() {
    var container = document.getElementById('cs-order-items');
    var orderBox  = document.getElementById('cs-order-box-el');
    var subEl     = document.getElementById('cs-order-subtotal-amt');
    var html = '', hasItems = false, subtotal = 0;

    eachOrderedItem(function (name, qty, price) {
      hasItems = true;
      subtotal += qty * price;
      html +=
        '<div class="cs-order-line">' +
          '<div class="cs-order-line__left">' +
            '<span class="cs-order-qty">' + qty + '\u00d7</span>' +
            '<span class="cs-order-name">' + esc(name) + '</span>' +
          '</div>' +
          '<span class="cs-order-price">' + money(qty * price) + '</span>' +
        '</div>';
    });

    if (container) container.innerHTML = html;
    if (subEl)     subEl.textContent = money(subtotal);
    if (orderBox)  orderBox.style.display = hasItems ? 'block' : 'none';

    writeOrderSummaryField();
  }

  // ============================================================
  // PLAIN-TEXT SUMMARY → hidden field  (receipt merge tag <<input_298>>)
  //   Order Total is read from the CMS #total_amount so it includes
  //   delivery zone, donation and the 3% offset.
  // ============================================================
  function checkedText(containerId) {
    var c = document.getElementById(containerId);
    if (!c) return '';
    return [].slice.call(c.querySelectorAll('input:checked')).map(function (i) { return i.value; }).join(', ');
  }

  function writeOrderSummaryField() {
    var field = document.getElementById(SUMMARY_INPUT_ID);
    if (!field) return;

    var lines = [], subtotal = 0;
    eachOrderedItem(function (name, qty, price) {
      var lineTot = qty * price;
      subtotal += lineTot;
      lines.push(qty + ' x ' + name + ' - ' + money(lineTot));
    });

    if (lines.length) {
      lines.push('Items / Articulos: ' + money(subtotal));
      var day  = checkedText('cid_206');
      var mode = checkedText('cid_14');
      var zone = checkedText('cid_208');
      if (day)  lines.push('Day / Dia: ' + day);
      if (mode) lines.push('Pickup or Delivery: ' + mode);
      if (zone && /Delivery|Entrega/.test(mode)) lines.push('Zone / Zona: ' + zone);
      var t = document.getElementById('total_amount');
      if (t) lines.push('Order Total: ' + t.textContent.trim());
    }

    field.value = lines.join('\n');
    if (window.$j) window.$j(field).trigger('change');
    ['input','change','keyup'].forEach(function (evt) { field.dispatchEvent(new Event(evt, { bubbles: true })); });
  }

  // Re-write the summary whenever the CMS total or the checkout choices change
  function watchTotal() {
    var t = document.getElementById('total_amount');
    if (t && window.MutationObserver) {
      new MutationObserver(function(){ writeOrderSummaryField(); })
        .observe(t, { childList: true, characterData: true, subtree: true });
    }
    ['cid_206','cid_14','cid_208','cid_24','div_offset_gift_12'].forEach(function (id) {
      var el = document.getElementById(id);
      if (el) el.addEventListener('change', function(){ setTimeout(writeOrderSummaryField, 50); });
    });
  }

  // ============================================================
  // IMAGES FROM THE GOOGLE SHEET  (CSV columns: Item Name, Image URL)
  // ============================================================
  function stripImages() {
    document.querySelectorAll('.cs-item__img').forEach(function (img) { img.remove(); });
  }

  function fetchImages() {
    fetch(SHEET_CSV)
      .then(function (r) { return r.text(); })
      .then(function (csv) {
        function splitRow(row) {
          var out = [], cur = '', inQ = false, i;
          for (i = 0; i < row.length; i++) {
            var ch = row.charAt(i);
            if (inQ) {
              if (ch === '"') { if (row.charAt(i + 1) === '"') { cur += '"'; i++; } else inQ = false; }
              else cur += ch;
            } else if (ch === '"') { inQ = true; }
            else if (ch === ',') { out.push(cur); cur = ''; }
            else cur += ch;
          }
          out.push(cur);
          return out;
        }

        var map = {};
        csv.split('\n').slice(1).forEach(function (row) {
          var clean = row.replace(/^\uFEFF/, '').replace(/\r/g, '');
          if (!clean.trim()) return;
          var cols = splitRow(clean);
          var rawName = (cols[0] || '').trim();
          var rawUrl  = (cols[1] || '').trim();
          if (!rawName || rawUrl.indexOf('http') !== 0) return;
          map[norm(rawName)] = rawUrl;
        });

        var matched = 0, missed = [];
        document.querySelectorAll('li.cs-menu-item').forEach(function (li) {
          var img = li.querySelector('.cs-item__img');
          if (!img) return;
          var nm = norm(li.getAttribute('data-cs-name') || '');
          if (map[nm]) {
            img.src = map[nm];
            img.onerror = function(){ img.remove(); };
            matched++;
          } else {
            missed.push(li.getAttribute('data-cs-name'));
            img.remove();
          }
        });
        console.log('[CS] Matched ' + matched + ' images, missed:', missed);
      })
      .catch(function (e) {
        console.error('[CS] Sheet fetch failed:', e);
        stripImages();
      });
  }

})();
</script>
</body>
</html>