PageSourceSearch

https://www.parrillalospicosmesa.com/home-spanish

html parrillalospicosmesa.com collected 2026-09-29 15:40:43 UTC 71,963 bytes, 1,104 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <title>Parrilla Los Picos</title>
5  <meta content="width=device-width, initial-scale=1" name="viewport">
6  <meta charset="UTF-8">
7  
8  <meta name="description" content="" />  
9  <meta property="og:title" content="" />
10  <meta property="og:description" content="" />
11  <meta property="og:image" content="" />
12  <meta property="og:type" content="website" />
13  <meta property="og:url" content="https://www.parrillalospicosmesa.com/home-spanish" />
14
15  <link rel="icon" type="image/png" href="https://chowly-coo-configuration-assets.nyc3.digitaloceanspaces.com/chowly-coo-prod-configuration-assets/public/assets/fav-420-eab3a14c-569c-4615-be6a-6e554b27c209.png">
16  <link rel="canonical" href="https://www.parrillalospicosmesa.com/home-spanish" />
17
18  
19
20  
21
22  <link rel="stylesheet" href="/assets/site-7898ec93455c52ac14cb3475434c1367cb237b733dfa3dcd82f9b1844f58ac62.css" data-turbo-track="reload" />
23  <link rel="stylesheet" href="/assets/icons-8a8adf1b209dcf6019c445e5477d00b79192f6726b65fd7cf29cf43036ec3917.css" data-turbo-track="reload" />
24
25  
25<script type="importmap" data-turbo-track="reload">{
26  "imports": {
27    "application": "/assets/application-4a1c1d27c11faa4dbac51fff4126422169b85739cdee3e8b89ea183bc17a2c23.js",
28    "@hotwired/turbo-rails": "/assets/turbo.min-f3765a09513ca1417099ce92257ef54b9d4cf3a7addc7dcbb1d6d848d307ee8a.js",
29    "@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js",
30    "@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js",
31    "site": "/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js",
32    "local-time": "/assets/local-time-821d43d4efe5c285055b57aea1a1f04a89a1019f689de214873d5af45a3ab3d7.js",
33    "jquery": "/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js",
34    "jquery-mask-plugin": "/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js",
35    "alpinejs": "/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js",
36    "swiper": "/assets/swiper-7f75dbb82de8bbee0e764cde34bb5d2b466cf29a41dbcec463259a2c0c272bc5.js",
37    "libraries/vidbg": "/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js",
38    "controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js",
39    "controllers/hello_controller": "/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js",
40    "controllers": "/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js"
41  }
42}</script>
42
43<link rel="modulepreload" href="/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js">
44<link rel="modulepreload" href="/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js">
45<link rel="modulepreload" href="/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js">
46<link rel="modulepreload" href="/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js">
47<link rel="modulepreload" href="/assets/swiper-7f75dbb82de8bbee0e764cde34bb5d2b466cf29a41dbcec463259a2c0c272bc5.js">
48<script type="module">import "site"</script>
48
49
50  <link rel="preconnect" href="https://fonts.googleapis.com">
51  <link rel="preconnect" href="https://cdnjs.cloudflare.com">
52  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
53  <link rel="preconnect" href="https://maps.googleapis.com" crossorigin>
54
55
56  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block"
57        rel="preload" as="style">
58  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block"
59      rel="stylesheet">
60
61  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css"
62        rel="preload" as="style">
63  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css"
64      rel="stylesheet">
65
66  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css"
67        rel="preload" as="style">
68  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css"
69      rel="stylesheet">
vendor: 75 bytes, lines 69-71
69
70    
71  <script src="https://www.google.com/recaptcha/enterprise.js?render=
716LcsffgqAAAAANLXQa19TOl4LbE2V7eS6PfaYhiT
vendor: 20 bytes, lines 71-72
71" defer></script>
72  
72<script
73    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAkzXdhpOE3VmUpHjl1ZqL5VBuLpJmMrkc&libraries=maps,marker"
74    async></script>
74
75  
76  
76<script>
77    if (!window.origin.includes('http://localhost')) {
78      window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])};
79      heap.load((window.origin.includes('chowly.dev') ? '3177339425' : '3745098455'));
80    }
81  </script>
81
82
83    <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
84          rel="preload" as="style">
85    <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
86          rel="stylesheet">
87
88  <style>
89    
90    :root {
91        /* Light theme colors */
92        --bg-primary: white;
93        --bg-secondary: #F2F2F2;
94        --bg-form: white;
95        --text-primary: #212121;
96        --text-secondary: #666;
97        --text-muted: #666666;
98        --border-primary: #ff4f1f;
99        --border-secondary: #D7D7D7;
100        --stroke-primary: #ff4f1f;
101        --stroke-secondary: currentColor;
102        --active-bg-opacity: 8%;
103        --active-text: #ff4f1f;
104        --hover-bg-opacity: 8%;
105        --hover-text: #ff4f1f;
106        --link-text: #666;
107        --link-hover: black;
108        --social-bg: #666;
109        --social-text: white;
110        --placeholder-text: #D7D7D7;
111        --focus-border: #777777;
112        --button-bg: transparent;
113        --button-text: #ff4f1f;
114        --button-border: #ff4f1f;
115        --button-hover-bg: transparent;
116        --button-hover-border: #ff4f1f;
117        --brand-primary: #ff4f1f;
118        --brand-overlay: rgba(255,79,31,0.08);
119        --brand-overlay-heavy: rgba(255,79,31,0.80);
120        --dim-overlay: rgba(0,0,0,0.4);
121    }
122    
123    body {
124        background: linear-gradient(180deg, rgba(255, 79, 31, 0.08) 0px, rgba(255, 79, 31, 0.00) 520px);
125    }
126
127    .grecaptcha-badge { visibility: hidden; }
128  </style>
129
130  
131
132    
132<script src="https://cdn.userway.org/widget.js" data-account="2RTD1qUW2F" data-position="3"></script>
132
133
134  <link rel="stylesheet" href="/assets/vidbg-59cd2b661e27143a4d41f154396b1fabc6ac9c0893f4d4b1623cbf033efc0130.css" />
135
136  
136<script src="/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js"></script>
136
137  
137<script src="/assets/banner-component-df2178bd5e74fa643d7e2d34c63f98ee00a1bb6d69b502a08043cecec055cee2.js"></script>
137
138
139  
139<script async>
140    window.chowlyApiHost = 'https://api.chowlyinc.com';
141    window.siteHost = 'https://sites.chowly.app';
142  </script>
142
143
144  
144<script type="application/ld+json">
145  {"@type":"Restaurant","name":"Parrilla Los Picos","address":{"@type":"PostalAddress","streetAddress":"1542 W University Dr","addressLocality":"Mesa","addressRegion":"AZ","postalCode":"85201","addressCountry":"US"},"telephone":"4808334711","geo":{"@type":"GeoCoordinates","latitude":33.42246590000001,"longitude":-111.8644585},"url":"https://www.parrillalospicosmesa.com#location-32074","priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"08:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"10:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"10:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"10:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"10:00:00","closes":"22:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"08:00:00","closes":"22:00:00"}],"hasMenu":"https://www.parrillalospicosmesa.com/menu","areaServed":["Downtown Mesa","Alma","Park Of The Canals","North End Mesa","Fieger Addition","Country Club Park","University Dr Corridor","Central Mesa","Casa Mesa II","West Second Street Historic District","Wilbur Street Historic District","Dobson Ranch","Reed Park","Lehi","Superstition Springs"],"@context":"https://schema.org"}
146  </script>
146
147</head>
148<body data-organization-id="32074">
149  <a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a>
150  <main id="main-content" role="main" data-maglev-dropzone>
151    <section class="grid grid-cols-2 gap-0 justify-center">
152      <div class="bg-[var(--brand-primary)] w-full h-[40px] flex justify-center items-center px-4 col-span-2" role="banner" id="section-I3d7CmFC" data-maglev-section-id="I3d7CmFC" data-maglev-section-type="site_notification_01">
153    <section class="flex items-center space-x-2 max-w-[1440px] w-full justify-center">
154        <div class="w-[30px] h-[30px] overflow-hidden">
155            <i class="text-white mds-location_on" data-maglev-id="I3d7CmFC.icon" aria-hidden="true"></i>
156        </div>
157        <span data-maglev-id="I3d7CmFC.title" class="text-white text-[14px] font-normal leading-[24px] text-center line-clamp-2 overflow-hidden"><p>Parrilla Los Picos | 1542 W University Dr., Mesa, AZ 85201 | <a href="tel:4808334711">(480) 833-4711</a></p></span>
158    </section>
159</div><header class="sticky top-0 z-50 bg-[var(--bg-primary)] py-[16px] xl:py-[12px] shadow-md w-full col-span-2" id="section-etzXOuba" data-maglev-section-id="etzXOuba" data-maglev-section-type="standard_nav_01">
160  <div class="flex justify-between items-center px-4 xl:px-8 mx-auto w-full xl:max-w-[1440px]">
161      <div class="flex items-center">
162          <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8">
163            <a href="/" aria-label="Parrilla Los Picos home">
164              <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2Cavif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-686-c029e2cf-262a-4f74-89b7-8d87b5613867.jpg" alt="Parrilla Los Picos logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg">
165            </a>
166          </div>
167
168          <nav role="navigation" aria-label="Main navigation" class="hidden xl:block">
169            <ul class="flex">
170
171
172                  <li>
173                    <a data-maglev-id="YDA8XwySINg.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/"><span data-maglev-id="YDA8XwySINg.link.text">Home</span></a>
174                  </li>
175
176                  <li>
177                    <a data-maglev-id="wkn4LEMuW2o.link" class="flex bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="page" href="/home-spanish"><span data-maglev-id="wkn4LEMuW2o.link.text">Español</span></a>
178                  </li>
179
180                  <li>
181                    <a data-maglev-id="wv35PEDo7tI.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/our-story"><span data-maglev-id="wv35PEDo7tI.link.text">Our Story</span></a>
182                  </li>
183
184                  <li>
185                    <a data-maglev-id="5AzDbQei9pc.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/stores"><span data-maglev-id="5AzDbQei9pc.link.text">Menu</span></a>
186                  </li>
187
188                <li class="relative">
189                  <button id="more-menu-button" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3">
190                    More
191                    <svg id="more-arrow" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
192                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
193                    </svg>
194                  </button>
195                  <div id="more-dropdown" class="hidden fixed left-0 right-0 w-full z-50 transition-all duration-300">
196                    <div class="mx-auto max-w-7xl bg-[var(--bg-secondary)] shadow-lg p-6 rounded-lg dropdown-top-shadow">
197                      <div class="grid grid-cols-3 gap-4">
198                            <div class="w-full mb-2">
199                              <a data-maglev-id="eZz5kVUQhow.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="false" href="/contact-us"><span data-maglev-id="eZz5kVUQhow.link.text">Contact Us</span></a>
200                            </div>
201                      </div>
202                    </div>
203                  </div>
204                </li>
205            </ul>
206          </nav>
207      </div>
208
209      <!-- Right side: Mobile toggle + Desktop buttons -->
210      <div class="flex items-center gap-2">
211          <!-- Mobile menu toggle -->
212          <div class="xl:hidden">
213              <button id="menu-toggle" class="focus:outline-none" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu">
214                  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)">
215                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
216                  </svg>
217              </button>
218          </div>
219
220          <!-- Desktop buttons (hidden on mobile) -->
221          <div class="hidden xl:flex items-center gap-2">
222              <!-- Primary Order Now button (hardcoded) -->
223              <a href="/stores" class="inline-flex items-center justify-center h-12 px-8 bg-[var(--brand-primary)] text-white text-base font-semibold rounded-md hover:brightness-90">Order Now</a>
224
225              <!-- Secondary button (optional, configurable) -->
226          </div>
227      </div>
228  </div>
229
230  <div id="mobile-menu" class="hidden fixed top-0 left-0 w-full h-full bg-[var(--bg-primary)] z-50 overflow-y-auto" aria-hidden="true">
231      <div class="flex justify-between items-center px-4 py-4 sticky top-0 bg-[var(--bg-primary)] z-10">
232          <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8">
233              <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2C
233avif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-686-c029e2cf-262a-4f74-89b7-8d87b5613867.jpg" alt="Parrilla Los Picos logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg">
234          </div>
235          <button id="menu-close" class="focus:outline-none" aria-label="Close menu">
236              <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)">
237                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
238              </svg>
239          </button>
240      </div>
241
242      <nav role="navigation" aria-label="Mobile navigation" class="pb-32">
243        <ul class="flex flex-col items-start px-5 space-y-6 mt-8">
244
245              <li>
246                <a data-maglev-id="YDA8XwySINg.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/"><span data-maglev-id="YDA8XwySINg.link.text">Home</span></a>
247              </li>
248
249              <li>
250                <a data-maglev-id="wkn4LEMuW2o.link" class="bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] py-2 px-4 text-sm font-semibold pl-3" aria-current="page" href="/home-spanish"><span data-maglev-id="wkn4LEMuW2o.link.text">Español</span></a>
251              </li>
252
253              <li>
254                <a data-maglev-id="wv35PEDo7tI.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/our-story"><span data-maglev-id="wv35PEDo7tI.link.text">Our Story</span></a>
255              </li>
256
257              <li>
258                <a data-maglev-id="5AzDbQei9pc.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/stores"><span data-maglev-id="5AzDbQei9pc.link.text">Menu</span></a>
259              </li>
260
261              <li>
262                <a data-maglev-id="eZz5kVUQhow.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/contact-us"><span data-maglev-id="eZz5kVUQhow.link.text">Contact Us</span></a>
263              </li>
264        </ul>
265      </nav>
266
267      <div class="fixed bottom-0 left-0 w-full flex items-center justify-center gap-2 py-8 px-4 bg-[var(--bg-primary)] border-[var(--border-secondary)]">
268          <!-- Primary Order Now button (hardcoded) -->
269          <a href="/stores" class="inline-flex h-12 px-8 justify-center items-center gap-2 flex-shrink-0 rounded-[6px] bg-[var(--brand-primary)] text-white text-[15px] font-semibold leading-[150%] hover:brightness-90">Order Now</a>
270
271          <!-- Secondary button (optional, configurable) -->
272      </div>
273  </div>
274</header>
275<script>
276  const menuToggle = document.getElementById('menu-toggle');
277  const menuClose = document.getElementById('menu-close');
278  const mobileMenu = document.getElementById('mobile-menu');
279
280  menuToggle.addEventListener('click', () => {
281      mobileMenu.classList.remove('hidden');
282      mobileMenu.setAttribute('aria-hidden', 'false');
283      menuToggle.setAttribute('aria-expanded', 'true');
284  });
285
286  menuClose.addEventListener('click', () => {
287      mobileMenu.classList.add('hidden');
288      mobileMenu.setAttribute('aria-hidden', 'true');
289      menuToggle.setAttribute('aria-expanded', 'false');
290  });
291
292  document.addEventListener('DOMContentLoaded', function() {
293    // More menu dropdown functionality
294    const moreButton = document.getElementById('more-menu-button');
295    const moreDropdown = document.getElementById('more-dropdown');
296    const moreArrow = document.getElementById('more-arrow');
297
298    if (moreButton && moreDropdown && moreArrow) {
299      let isOpen = false;
300      let isHoveringButton = false;
301      let isHoveringDropdown = false;
302      let dropdownTimeout;
303
304      function showDropdown() {
305        clearTimeout(dropdownTimeout);
306        moreDropdown.classList.remove('hidden');
307        moreDropdown.style.opacity = '1';
308        moreArrow.classList.add('rotate-180');
309        isOpen = true;
310      }
311
312      function hideDropdown() {
313        moreDropdown.style.opacity = '0';
314        moreArrow.classList.remove('rotate-180');
315
316        dropdownTimeout = setTimeout(() => {
317          moreDropdown.classList.add('hidden');
318          isOpen = false;
319        }, 300);
320      }
321
322      function toggleDropdown() {
323        if (isOpen) {
324          hideDropdown();
325        } else {
326          showDropdown();
327        }
328      }
329
330      function updateDropdownVisibility() {
331        if (isHoveringButton || isHoveringDropdown) {
332          showDropdown();
333        } else {
334          hideDropdown();
335        }
336      }
337
338      moreButton.addEventListener('click', function(e) {
339        e.preventDefault();
340        toggleDropdown();
341      });
342
343      moreButton.addEventListener('mouseenter', () => {
344        isHoveringButton = true;
345        updateDropdownVisibility();
346      });
347
348      moreButton.addEventListener('mouseleave', () => {
349        isHoveringButton = false;
350        toggleDropdown();
351      });
352
353      moreDropdown.addEventListener('mouseenter', () => {
354        isHoveringDropdown = true;
355        updateDropdownVisibility();
356      });
357
358      moreDropdown.addEventListener('mouseleave', () => {
359        isHoveringDropdown = false;
360        toggleDropdown();
361      });
362
363      document.addEventListener('click', function(e) {
364        if (isOpen && !moreButton.contains(e.target) && !moreDropdown.contains(e.target)) {
365          hideDropdown();
366        }
367      });
368    }
369
370    // Locations dropdown functionality (desktop main nav)
371    const locationsContainers = document.querySelectorAll('.locations-dropdown-container');
372    locationsContainers.forEach(container => {
373      const button = container.querySelector('.locations-dropdown-button');
374      const dropdown = container.querySelector('.locations-dropdown');
375      const arrow = container.querySelector('.locations-arrow');
376
377      if (button && dropdown && arrow) {
378        let isOpen = false;
379        let hoverTimeout;
380
381        function showLocationsDropdown() {
382          clearTimeout(hoverTimeout);
383          dropdown.classList.remove('hidden');
384          arrow.classList.add('rotate-180');
385          isOpen = true;
386        }
387
388        function hideLocationsDropdown() {
389          hoverTimeout = setTimeout(() => {
390            dropdown.classList.add('hidden');
391            arrow.classList.remove('rotate-180');
392            isOpen = false;
393          }, 150);
394        }
395
396        button.addEventListener('click', (e) => {
397          e.preventDefault();
398          if (isOpen) {
399            hideLocationsDropdown();
400          } else {
401            showLocationsDropdown();
402          }
403        });
404
405        container.addEventListener('mouseenter', showLocationsDropdown);
406        container.addEventListener('mouseleave', hideLocationsDropdown);
407
408        document.addEventListener('click', (e) => {
409          if (isOpen && !container.contains(e.target)) {
410            dropdown.classList.add('hidden');
411            arrow.classList.remove('rotate-180');
412            isOpen = false;
413          }
414        });
415      }
416    });
417
418    // Locations dropdown in "More" menu
419    const locationsMoreContainers = document.querySelectorAll('.locations-more-dropdown-container');
420    locationsMoreContainers.forEach(container => {
421      const button = container.querySelector('.locations-more-button');
422      const dropdown = container.querySelector('.locations-more-dropdown');
423      const arrow = container.querySelector('.locations-more-arrow');
424
425      if (button && dropdown && arrow) {
426        let isOpen = false;
427
428        button.addEventListener('click', (e) => {
429          e.preventDefault();
430          e.stopPropagation();
431          if (isOpen) {
432            dropdown.classList.add('hidden');
433            arrow.classList.remove('rotate-180');
434            isOpen = false;
435          } else {
436            dropdown.classList.remove('hidden');
437            arrow.classList.add('rotate-180');
438            isOpen = true;
439          }
440        });
441
442        container.addEventListener('mouseenter', () => {
443          dropdown.classList.remove('hidden');
444          arrow.classList.add('rotate-180');
445          isOpen = true;
446        });
447
448        container.addEventListener('mouseleave', () => {
449          dropdown.classList.add('hidden');
450          arrow.classList.remove('rotate-180');
451          isOpen = false;
452        });
453      }
454    });
455
456    // Mobile locations toggle
457    const mobileLocationsToggles = document.querySelectorAll('.mobile-locations-toggle');
458    mobileLocationsToggles.forEach(toggle => {
459      const arrow = toggle.querySelector('.mobile-locations-arrow');
460      const list = toggle.parentElement.querySelector('.mobile-locations-list');
461
462      if (arrow && list) {
463        toggle.addEventListener('click', (e) => {
464          e.preventDefault();
465          list.classList.toggle('hidden');
466          arrow.classList.toggle('rotate-180');
467        });
468      }
469    });
470  });
471</script>
471
472
473<style>
474  .rotate-180 {
475    transform: rotate(180deg);
476    transition: transform 300ms;
477  }
478
479  #more-dropdown {
480    opacity: 0;
481    transition: opacity 300ms;
482    position: absolute;
483    top: 100%;
484    left: 50%;
485    right: 0;
486    width: 80vw;
487    margin-left: auto;
488    margin-right: auto;
489    z-index: 50;
490    transform: translateX(calc(-50% + 10vw));
491  }
492
493  .dropdown-top-shadow {
494    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06),
495                0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
496  }
497
498  .locations-dropdown {
499    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
500  }
501
502  .locations-more-dropdown {
503    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
504  }
505</style>
506
507
508<section class="w-full  xl:px-0 col-span-2" role="banner" id="section-8UI0Pbds" data-maglev-section-id="8UI0Pbds" data-maglev-section-type="hero_cta_01">
509  <div class="vidbg-4bcd7c185334669aebfa5bc0 w-full  h-[680px] flex-shrink-0 relative mx-auto my-0 bg-cover bg-center" style="background-image: url(/maglev/assets/448be8b1-9243-4c9d-b33d-9ea3e7a6ff3f-anyconv-com__parrilla-20los-20picos-206-20-281-29.jpg);">
510    
511
512    
513    <article class="absolute inset-0 flex flex-col justify-center mx-6 xl:mx-0 xl:pl-20 xl:py-16">
514      <header class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]">
515        <h2 data-maglev-id="8UI0Pbds.title" class="text-white font-semibold text-[14px] md:text-[24px] xl:text-[28px] leading-tight tracking-wide">Bienvenidos a Parrilla Los Picos</h2>
516      </header>
517      <div class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]">
518        <p data-maglev-id="8UI0Pbds.description" class="text-white font-bold text-[20px] md:text-[48px] xl:text-[56px] leading-tight xl:leading-[64px]">Servir deliciosa y auténtica cocina mexicana para deleitar tus sentidos es lo que más nos apasiona en Parrilla Los Picos.</p>
519      </div>
520      <div class="mt-2">
521          <a data-maglev-id="8UI0Pbds.button" class="block md:inline-block bg-[var(--brand-primary)] text-white py-3 px-8 text-sm xl:text-base font-semibold leading-[150%] hover:brightness-90 rounded-md md:self-start" href="/store/20434"><span data-maglev-id="8UI0Pbds.button.text">Ordena en Línea</span></a>
522      </div>
523    </article>
524
525
526    <style>
527
528
529
530    </style>
531  </div>
532</section>
533
534<section class="w-full xl:max-w-[1440px] mx-auto flex-shrink-0 relative mt-[60px] bg-[var(--brand-overlay)] py-10 xl:py-14 px-6 xl:px-20 col-span-2" aria-labelledby="top-picks-heading" id="section-Y_F3Ku2w" data-maglev-section-id="Y_F3Ku2w" data-maglev-section-type="top_10_picks_01">
535  <div class="absolute top-[-12px] left-6 xl:left-20" aria-hidden="true">
536      <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
537          <path d="M19.9999 30L12.9999 33C11.8888 33.4722 10.8333 33.3819 9.83325 32.7292C8.83325 32.0764 8.33325 31.1528 8.33325 29.9583V8.33333C8.33325 7.41667 8.65964 6.63194 9.31242 5.97917C9.9652 5.32639 10.7499 5 11.6666 5H28.3333C29.2499 5 30.0346 5.32639 30.6874 5.97917C31.3402 6.63194 31.6666 7.41667 31.6666 8.33333V29.9583C31.6666 31.1528 31.1666 32.0764 30.1666 32.7292C29.1666 33.3819 28.111 33.4722 26.9999 33L19.9999 30Z" fill="var(--brand-primary)"/>
538      </svg>
539  </div>
540  <header class="flex flex-col xl:flex-row justify-between items-start xl:items-center">
541    <div>
542        <h2 id="top-picks-heading" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]">
543          Ordena Tus Favoritos
544        </h2>
545        <p class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-3">
546          Auténticos sabores mexicanos que no te puedes perder!
547        </p>
548    </div>
549    <a href="/stores" class="mt-6 xl:mt-0 bg-[var(--brand-primary)] text-white py-3 px-8 text-base font-semibold leading-[150%] hover:brightness-90 rounded-md w-auto md:self-end whitespace-nowrap">
550        Ordena Aquí
551    </a>
552  </header>
553  <section class="mt-8 flex gap-x-4 overflow-x-auto">
554
555
556      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
557          
558          <figure class="m-0">
559            <img src="/maglev/assets/6bf44868-eaad-4fa5-8dc7-2f9b3378178c-tacos.jpg" alt="Tacos" class="w-full h-[207px] flex-shrink-0 object-cover">
560          </figure>
561          <div class="p-4">
562              <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
563                Tacos
564              </h3>
565              <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
566                
567              </p>
568              <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16
568px]">
569                  Add Item
570              </a>
571          </div>
572      </article>
573
574
575      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
576          
577          <figure class="m-0">
578            <img src="/maglev/assets/e02eb581-e847-4a7a-94d1-d062c98b21cc-tacos-20ahogados.jpg" alt="Tacos Ahogados" class="w-full h-[207px] flex-shrink-0 object-cover">
579          </figure>
580          <div class="p-4">
581              <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
582                Tacos Ahogados
583              </h3>
584              <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
585                
586              </p>
587              <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
588                  Add Item
589              </a>
590          </div>
591      </article>
592
593
594      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
595          
596          <figure class="m-0">
597            <img src="/maglev/assets/c2e3fa45-6244-45e1-934f-9c69d208b8ab-marg.jpg" alt="Margaritas" class="w-full h-[207px] flex-shrink-0 object-cover">
598          </figure>
599          <div class="p-4">
600              <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
601                Margaritas
602              </h3>
603              <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
604                
605              </p>
606              <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
607                  Add Item
608              </a>
609          </div>
610      </article>
611
612
613      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
614          
615          <figure class="m-0">
616            <img src="/maglev/assets/b6008a36-0f63-4400-9474-5c962718c981-quesadillas.jpg" alt="Quesadillas" class="w-full h-[207px] flex-shrink-0 object-cover">
617          </figure>
618          <div class="p-4">
619              <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
620                Quesadillas
621              </h3>
622              <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
623                
624              </p>
625              <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
626                  Add Item
627              </a>
628          </div>
629      </article>
630  </section>
631</section><style>
632  @media (min-width: 1280px) {
633    section[aria-labelledby="top-picks-heading"] {
634      width: 100%;
635      max-width: 1440px;
636    }
637    section[aria-labelledby="top-picks-heading"] > section > article {
638      width: calc((100% - 64px) / 5);
639    }
640  }
641</style>
642
643<section class="flex flex-grow flex-col  xl:flex-row items-center  xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-TLPqOoN4" data-maglev-section-id="TLPqOoN4" data-maglev-section-type="image_left_01">
644  <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1">
645      <img src="/maglev/assets/c292d73d-e76f-4f94-b10d-8bcfeec7338d-124890379_3741414872550019_3670783771808438894_n-20-281-29.jpg" alt="Auténtica Cocina Mexicana en Mesa" data-maglev-id="TLPqOoN4.image" class="rounded-lg w-full h-auto object-cover" />
646  </figure>
647  <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2">
648      <h2 data-maglev-id="TLPqOoN4.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-72ec79501dd0">Auténtica Cocina Mexicana en Mesa</h2>
649
650      <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4">
651        <img src="/maglev/assets/c292d73d-e76f-4f94-b10d-8bcfeec7338d-124890379_3741414872550019_3670783771808438894_n-20-281-29.
651jpg" alt="Auténtica Cocina Mexicana en Mesa" data-maglev-id="TLPqOoN4.image" class="rounded-lg w-full h-auto object-cover" />
652      </figure>
653      
654      <p data-maglev-id="TLPqOoN4.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Preparados por nuestro experimentado equipo de cocina con años de experiencia en comida mexicana, los platillos de Parrilla Los Picos se elaboran siempre con los mejores y más frescos ingredientes. Ya sea que tengas antojo de algo delicioso de nuestro menú de desayuno o de un sabroso plato de tacos para la comida, aquí encontrarás opciones para todos los gustos.</p>
655
656  </article>
657</section>
658<section class="flex flex-grow flex-col  xl:flex-row items-center  xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-QN5JwV86" data-maglev-section-id="QN5JwV86" data-maglev-section-type="image_right_01">
659  <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2 xl:order-1">
660      <h2 data-maglev-id="QN5JwV86.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-dc7a4c7ea099">El Mejor Servicio de Comida para Llevar y A Domicilio</h2>
661
662      <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4">
663        <img src="/maglev/assets/24ac9d32-8027-4029-b029-79ee508391b4-section-20repeat-20parrilla-201.jpg" alt="El Mejor Servicio de Comida para Llevar y A Domicilio" data-maglev-id="QN5JwV86.image" class="rounded-lg w-full h-auto object-cover" />
664      </figure>
665      
666      <p data-maglev-id="QN5JwV86.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Disfruta del gran sabor de Parrilla Los Picos donde quieras con nuestro rápido y práctico servicio para llevar. Ordena tu comida antes de llegar o directamente en nuestro restaurante, y la tendremos lista, empacada y lista para llevar, para que disfrutes de una deliciosa cena en casa con tus seres queridos.</p>
667
668        <a data-maglev-id="QN5JwV86.button" class="inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 flex-shrink-0 bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%] rounded-[6px] mt-7" href="/store/20434"><span data-maglev-id="QN5JwV86.button.text">Ordena Aquí</span></a>
669  </article>
670  <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1 xl:order-2">
671      <img src="/maglev/assets/24ac9d32-8027-4029-b029-79ee508391b4-section-20repeat-20parrilla-201.jpg" alt="El Mejor Servicio de Comida para Llevar y A Domicilio" data-maglev-id="QN5JwV86.image" class="rounded-lg w-full h-auto object-cover" />
672  </figure>
673</section>
674<section class="flex flex-grow flex-col  xl:flex-row items-center  xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-1z9TOFaP" data-maglev-section-id="1z9TOFaP" data-maglev-section-type="image_left_01">
675  <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1">
676      <img src="/maglev/assets/dd5a6608-a0f4-486b-a381-2b8baa7c412e-anyconv-com__parrilla-20los-20picos-205.jpg" alt="Catering y Eventos&lt;br&gt;" data-maglev-id="1z9TOFaP.image" class="rounded-lg w-full h-auto object-cover" />
677  </figure>
678  <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2">
679      <h2 data-maglev-id="1z9TOFaP.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-102738c64dd8">Catering y Eventos<br></h2>
680
681      <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4">
682        <img src="/maglev/assets/dd5a6608-a0f4-486b-a381-2b8baa7c412e-anyconv-com__parrilla-20los-20picos-205.jpg" alt="Catering y Eventos&lt;br&gt;" data-maglev-id="1z9TOFaP.image" class="rounded-lg w-full h-auto object-cover" />
683      </figure>
684      
685      <p data-maglev-id="1z9TOFaP.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16
685px] font-normal leading-[24px] mt-4">Si quieres que tu próximo evento de trabajo o reunión familiar sea divertido para todos, aprovecha nuestro conveniente servicio de catering. Llevamos la mejor comida mexicana directamente a tu ubicación para que todo salga perfecto. También organizamos eventos en nuestro amplio comedor.</p>
686
687        <a data-maglev-id="1z9TOFaP.button" class="inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 flex-shrink-0 bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%] rounded-[6px] mt-7" href="/store/20434"><span data-maglev-id="1z9TOFaP.button.text">Ordena Para Tu Evento</span></a>
688  </article>
689</section>
690<section class="flex flex-grow flex-col  xl:flex-row items-center  xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-PCFozTEk" data-maglev-section-id="PCFozTEk" data-maglev-section-type="image_right_01">
691  <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2 xl:order-1">
692      <h2 data-maglev-id="PCFozTEk.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-839bfc9f78f8">Fresco, Auténtico y Delicioso<br></h2>
693
694      <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4">
695        <img src="/maglev/assets/448be8b1-9243-4c9d-b33d-9ea3e7a6ff3f-anyconv-com__parrilla-20los-20picos-206-20-281-29.jpg" alt="Fresco, Auténtico y Delicioso&lt;br&gt;" data-maglev-id="PCFozTEk.image" class="rounded-lg w-full h-auto object-cover" />
696      </figure>
697      
698      <p data-maglev-id="PCFozTEk.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Nuestro restaurante mexicano, de propiedad y operación familiar, es tu destino número uno para disfrutar de todos los platillos favoritos al estilo mexicano, junto con una fabulosa selección de bebidas y un ambiente divertido y festivo. Ya sea que busques un desayuno que te satisfaga, una sabrosa porción de Menudo para la comida o una cena especial para celebrar con tu familia y amigos, tenemos algo para todos y para cada ocasión.<br><br>Completa tu exquisita comida con tu bebida favorita de nuestra gran selección en el bar. Contamos con una amplia variedad de margaritas, bloody Marys, daiquiris, cerveza, vino y diversas opciones de licores para todos los gustos. También puedes ordenar tus bebidas para llevar y disfrutarlas en casa.</p>
699
700  </article>
701  <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1 xl:order-2">
702      <img src="/maglev/assets/448be8b1-9243-4c9d-b33d-9ea3e7a6ff3f-anyconv-com__parrilla-20los-20picos-206-20-281-29.jpg" alt="Fresco, Auténtico y Delicioso&lt;br&gt;" data-maglev-id="PCFozTEk.image" class="rounded-lg w-full h-auto object-cover" />
703  </figure>
704</section><section class="w-full xl:max-w-[1440px] mx-auto flex-shrink-0 bg-[var(--bg-secondary)] my-20 p-6 xl:p-10 col-span-2" id="section-bUsGVjKn" data-maglev-section-id="bUsGVjKn" data-maglev-section-type="review_01">
705  <header class="text-center">
706      <h2 id="reviews-heading" class="text-[var(--text-primary)] text-[32px] xl:text-[48px] font-semibold tracking-[-0.48px]">
707          <p>Reseñas de Clientes<br></p>
708      </h2>
709      <p class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-3">
710        <p>¡Descubre nuestras reseñas más recientes!</p>
711      </p>
712  </header>
713  <div class="mt-10 flex gap-x-4 overflow-x-auto" aria-labelledby="reviews-heading">
714      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit">
715        <div class="flex items-center mb-4">
716            <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa-%2FALV-UjXh6Ka9ko-aMFa-FzRwhwy9LP-RDjC0msL-3DYdNEIvy_8apVo%3Ds120-c-rp-mo-ba12-br100" alt="Matthew Oliver" class="w-10 h-10 mr-4">
717            <div>
718                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">Matthew Oliver</h3>
719                <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;">
720                  <span data-star="5"></span>
721                </div>
722            </div>
723        </div>
724        <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]">
725            <span class="truncated-part">I hesitate to tell you about my spot. On University but you could blink and miss this adorable restaurant and patio hidden under the trees. Gorgeous full bar with excellent margaritas and more.  Perfect chips and excellent salsa as soon as you sit down.
726You can&#39;t go wrong with any of the menu options but I love the</span>
727            <span class="ellipsis">...</span>
728            <span class="extra-part section-hidden"> home style soups here that you can&#39;t get made with is kind of love, care, attention unless you are at you grandma&#39;s house.
729I had the ceviche tostada to start tonight.  It&#39;s worthwhile to pay the 2 bucks extra for pulpo.
730Go here.
731Just don&#39;t mess it up for me.</span>
732            <a href="#" class="toggle-read-more text-[var(--text-secondary)] text-[14px] leading-[20px]">Read More</a>
733        </p>
734      </article>
735      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit">
736        <div class="flex items-center mb-4">
737            <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa-%2FALV-UjWRnbjhgIqf-ZZ7dKZNqEBeF0dwxeL3g88MbGLSoI-rpkUno79D%3Ds120-c-rp-mo-ba12-br100" alt="Clay Davis" class="w-10 h-10 mr-4">
738            <div>
739                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">Clay Davis</h3>
740                <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;">
741                  <span data-star="5"></span>
742                </div>
743            </div>
744        </div>
745        <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]">
746            <span>Been driving by this location for years and finally stopped in. Super impressed. Food was amazing, great margaritas and staff was very friendly. Nice patio that is screened in and clean restaurant. Highly recommend, I will be back!</span>
747        </p>
748      </article>
749      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit">
750        <div class="flex items-center mb-4">
751            <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FACg8ocKQIrdoUIwCjC9M5p4SXenDdVNvSkAwCDaLVWD3mZ_IOTm6Qw%3Ds120-c-rp-mo-br100" alt="Jorge Resendez" class="w-10 h-10 mr-4">
752            <div>
753                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">Jorge Resendez</h3>
754                <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;">
755                  <span data-star="5"></span>
756                </div>
757            </div>
758        </div>
759        <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]">
760            <span>Was seated in 5 minutes. Server was so nice and attentive. Been waiting for years to finally find good menudo rojo in AZ and I’m so glad we found this place. It was delicious, Jamaica was on point also not sweet and very flavorful. Definitely worth the drive over here it was better than expected.</span>
761        </p>
762      </article>
763      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit">
764        <div class="flex items-center mb-4">
765            <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FACg8ocLWlfiJpn0-ST-z0LW5jf6nXjsjYx2rYRV3_r6ACiozxkUBzA%3Ds120-c-rp-mo-ba12-br100" alt="Ignacio Magallanez" class="w-10 h-10 mr-4">
766            <div>
767                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">Ignacio Magallanez</h3>
768                <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;">
769                  <span data-star="5"></span>
770                </div>
771            </div>
772        </div>
773        <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]">
774            <span>The food was delicious and fresh . Definitely go back and have the bowl of menudo again and again!!</span>
775        </p>
776      </article>
777      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit">
778        <div class="flex items-center mb-4">
779            <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FACg8ocJije54TEAFZZTrl8Gn51aIBEeSKK3isWiG6pheGoZ9K7Z0zg%3Ds120-c-rp-mo-ba12-br100" alt="Miya B" class="w-10 h-10 mr-4">
780            <div>
781                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">Miya B</h3>
782                <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;">
783                  <span data-star="5"></span>
784                </div>
785            </div>
786        </div>
787        <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]">
788            <span>My first time going This place is definitely 5 starts  I&#39;m picking with my Mexican food and the food was delicious  the chips are warm and good salsa the staff was friendly great customer service our waitress and took great c
788are of my mom and we will definitely be back good food good vibes.l.</span>
789        </p>
790      </article>
791      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit">
792        <div class="flex items-center mb-4">
793            <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FACg8ocL5QSHj0mAZ2y4wGA3xVTzAK8qFznDAzCWkW9SqAXx8JJOsFA%3Ds120-c-rp-mo-ba12-br100" alt="Autumn Medina" class="w-10 h-10 mr-4">
794            <div>
795                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">Autumn Medina</h3>
796                <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;">
797                  <span data-star="5"></span>
798                </div>
799            </div>
800        </div>
801        <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]">
802            <span>They still serve some of the best menudo you can find, packed with plenty of meat and hominy. Everything else on the menu I’ve tried has been just as good.</span>
803        </p>
804      </article>
805      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit">
806        <div class="flex items-center mb-4">
807            <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa-%2FALV-UjXD9kQcu_WWv62vatTWjkYh1RQh9suoxP52-_tZoOxLvEa3clIG_A%3Ds120-c-rp-mo-ba12-br100" alt="High Rise Phoenix" class="w-10 h-10 mr-4">
808            <div>
809                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">High Rise Phoenix</h3>
810                <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;">
811                  <span data-star="5"></span>
812                </div>
813            </div>
814        </div>
815        <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]">
816            <span class="truncated-part">Cute little restaurant! We have been driving by it for quite some time and the patio is always filled with people and the bright colors draw me in. The service is quick and the staff is friendly and happy!  The food is amazing! I especially enjoyed the green chili sauce! Spicy but flavorful! My partner had the beef</span>
817            <span class="ellipsis">...</span>
818            <span class="extra-part section-hidden"> green chili burritos and a taco. He said they were good. The margaritas are flavorful and big! Definitely excited to go back and explore more on the menu!</span>
819            <a href="#" class="toggle-read-more text-[var(--text-secondary)] text-[14px] leading-[20px]">Read More</a>
820        </p>
821      </article>
822      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit">
823        <div class="flex items-center mb-4">
824            <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa-%2FALV-UjV2KHza90BGBrsHJs-vwO584UwZ1jUY_Nc1FPtd7_ECf8drx-KVQQ%3Ds120-c-rp-mo-ba12-br100" alt="S Aaliyah" class="w-10 h-10 mr-4">
825            <div>
826                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">S Aaliyah</h3>
827                <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;">
828                  <span data-star="5"></span>
829                </div>
830            </div>
831        </div>
832        <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]">
833            <span>Nice hole in the wall restaurant. Cozy &amp; friendly staff. Authentic food, was great. And they have menudo &quot;all day every day&quot; lol</span>
834        </p>
835      </article>
836  </div>
837
838  
838<script type="module">
839    $(document).ready(function(){
840      $('.toggle-read-more').on('click', function(e){
841        e.preventDefault();
842        const $link = $(this);
843        const $reviewText = $link.closest('.review-text');
844        const $extraPart = $reviewText.find('.extra-part');
845        const $ellipsis = $reviewText.find('.ellipsis');
846        
847        if ($extraPart.is(':visible')) {
848          // Hide the extra text and show the ellipsis with animation
849          $extraPart.slideUp(300);
850          $ellipsis.slideDown(300);
851          $link.text('Read More');
852        } else {
853          // Hide the ellipsis and reveal the extra text with animation
854          $ellipsis.slideUp(300);
855          $extraPart.slideDown(300);
856          $link.text('Read Less');
857        }
858      });
859    });
860  </script>
860
861
862  <style>
863    .toggle-read-more {
864      font-size: 14px;
865      line-height: 20px;
866      text-decoration-line: underline;
867      text-decoration-style: solid;
868      text-underline-offset: auto;
869      text-underline-position: from-font;
870    }
871    .review-card {
872      transition: height 0.3s ease;
873    }
874    .review-text {
875      overflow: hidden;
876      position: relative;
877    }
878    .section-hidden {
879      display: none;
880    }
881  </style>
882</section><section class="w-full flex justify-center py-10 col-span-2" data-location_id="section-5b0d43cd-f9bb-465d-a1e7-b6360406bff1" aria-label="Locations information" id="section-U7DCkbZG" data-maglev-section-id="U7DCkbZG" data-maglev-section-type="dynamic_locations_01">
883
884  
885
886    
887  <section class="w-full xl:max-w-[1440px] h-auto flex-shrink-0 bg-[var(--bg-secondary)] p-8">
888    <header class="w-full flex flex-col items-center px-4 xl:px-0">
889      <h2 data-maglev-id="U7DCkbZG.title" class="text-[var(--text-primary)] text-center text-[32px] xl:text-[48px] font-semibold leading-[normal] tracking-[-0.48px]" id="locations-heading-5b0d43cd-f9bb-465d-a1e7-b6360406bff1">Parrilla Los Picos</h2>
890      <p data-maglev-id="U7DCkbZG.subtitle" class="text-[var(--text-secondary)] text-center text-[16px] font-normal leading-[24px] mt-2">Authentic Mexican Cuisine in Mesa, AZ.
891
892</p>
893    </header>
894
895      
896      <div data-location_wrapper_id="5b0d43cd-f9bb-465d-a1e7-b6360406bff1-0" class="mt-10 mx-auto w-full max-w-[1057px]  flex flex-col xl:flex-row justify-center">
897        <article class="w-full xl:w-[657px] bg-[var(--bg-primary)] rounded-lg shadow-lg p-8 flex-shrink-0 min-h-[418px] flex flex-col justify-between">
898          <header>
899            <h3 class="text-[var(--text-primary)] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]">
900              Parrilla Los Picos
901            </h3>
902            
903            <nav class="mt-4 flex flex-wrap gap-2 md:flex-nowrap md:space-x-3 md:overflow-x-auto" aria-label="Location navigation">
904
905                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] md:whitespace-nowrap">
906                  <a href="#" data-switch_location="5b0d43cd-f9bb-465d-a1e7-b6360406bff1-0" class="text-[14px] font-semibold leading-[140%]" aria-current="page">
907                    Parrilla Los Picos - Mesa 1542 W University Dr
908                  </a>
909                </div>
910            </nav>
911          </header>
912
913          <address class="mt-6 flex items-center space-x-3 not-italic">
914            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
915              <path
916                d="M9.99992 17.7712C9.80547 17.7712 9.61103 17.7364 9.41658 17.667C9.22214 17.5975 9.04853 17.4934 8.89575 17.3545C7.99297 16.5212 7.19436 15.7087 6.49992 14.917C5.80547 14.1253 5.22561 13.358 4.76034 12.6149C4.29506 11.8719 3.94089 11.1566 3.69784 10.4691C3.45478 9.78158 3.33325 9.12533 3.33325 8.50033C3.33325 6.41699 4.00339 4.75727 5.34367 3.52116C6.68395 2.28505 8.23603 1.66699 9.99992 1.66699C11.7638 1.66699 13.3159 2.28505 14.6562 3.52116C15.9964 4.75727 16.6666 6.41699 16.6666 8.50033C16.6666 9.12533 16.5451 9.78158 16.302 10.4691C16.0589 11.1566 15.7048 11.8719 15.2395 12.6149C14.7742 13.358 14.1944 14.1253 13.4999 14.917C12.8055 15.7087 12.0069 16.5212 11.1041 17.3545C10.9513 17.4934 10.7777 17.5975 10.5833 17.667C10.3888 17.7364 10.1944 17.7712 9.99992 17.7712ZM9.99992 10.0003C10.4583 10.0003 10.8506 9.83713 11.177 9.51074C11.5034 9.18435 11.6666 8.79199 11.6666 8.33366C11.6666 7.87533 11.5034 7.48296 11.177 7.15658C10.8506 6.83019 10.4583 6.66699 9.99992 6.66699C9.54158 6.66699 9.14922 6.83019 8.82283 7.15658C8.49645 7.48296 8.33325 7.87533 8.33325 8.33366C8.33325 8.79199 8.49645 9.18435 8.82283 9.51074C9.14922 9.83713 9.54158 10.0003 9.99992 10.0003Z"
917                fill="#666666"></path>
918            </svg>
919            <a href="https://www.google.com/maps/search/?api=1&amp;query=1542%20W%20University%20Dr%2C%20Mesa%2C%20AZ%2C%2085201%2C%20US" target="_blank"
920              class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
921              1542 W University Dr, Mesa, AZ, 85201, US
922            </a>
923          </address>
924
925            <div class="mt-6 flex items-center space-x-3">
926              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
927                <path
928                  d="M16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z"
929                  fill="#666666"></path>
930              </svg>
931              <a href="tel:4808334711" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
932                480-833-4711
933              </a>
934            </div>
935
936          <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between">
937            <div class="flex flex-wrap space-x-3">
938              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
939                <path
940                  d="M10.8334 9.66699V6.66699C10.8334 6.43088 10.7536 6.23296 10.5938 6.07324C10.4341 5.91352 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56605 5.91352 9.40633 6.07324C9.24661 6.23296 9.16675 6.43088 9.16675 6.66699V9.97949C9.16675 10.0906 9.18758 10.1982 9.22925 10.3024C9.27091 10.4066 9.33341 10.5003 9.41675 10.5837L12.1667 13.3337C12.3195 13.4864 12.514 13.5628 12.7501 13.5628C12.9862 13.5628 13.1806 13.4864 13.3334 13.3337C13.4862 13.1809 13.5626 12.9864 13.5626 12.7503C13.5626 12.5142 13.4862 12.3198 13.3334 12.167L10.8334 9.66699ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1149 6.75008 17.6774C5.73619 17.2399 4.85425 16.6462 4.10425 15.8962C3.35425 15.1462 2.7605 14.2642 2.323 13.2503C1.8855 12.2364 1.66675 11.1531 1.66675 10.0003C1.66675 8.84755 1.8855 7.76421 2.323 6.75033C2.7605 5.73644 3.35425 4.85449 4.10425 4.10449C4.85425 3.35449 5.73619 2.76074 6.75008 2.32324C7.76397 1.88574 8.8473 1.66699 10.0001 1.66699C11.1529 1.66699 12.2362 1.88574 13.2501 2.32324C14.264 2.76074 15.1459 3.35449 15.8959 4.10449C16.6459 4.85449 17.2397 5.73644 17.6772 6.75033C18.1147 7.76421 18.3334 8.84755 18.3334 10.0003C18.3334 11.1531 18.1147 12.2364 17.6772 13.2503C17.2397 14.2642 16.6459 15.1462 15.8959 15.8962C15.1459 16.6462 14.264 17.2399 13.2501 17.6774C12.2362 18.1149 11.1529 18.3337 10.0001 18.3337Z"
941                  fill="#666666"></path>
942              </svg>
943              <div>
944                <section class="text-[var(--text-primary)] mt-0 space-y-2">
945    <div class="sr-only" aria-hidden="false">Business Hours</div>
946      <b>Sunday:</b>
947        <div class="inline">
948          <time content="08:00" datetime="08:00" class="inline">8:00 AM</time> - <time content="20:00" datetime="20:00" class="inline">8:00 PM</time>
949        </div>
950      <br />
951      <b>Monday:</b>
952        <div class="inline">
953          <time content="10:00" datetime="10:00" class="inline">10:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time>
954        </div>
955      <br />
956      <b>Tuesday:</b>
957        <div class="inline">
958          Closed
959        </div>
960      <br />
961      <b>Wednesday:</b>
962        <div class="inline">
963          <time content="10:00" datetime="10:00" class="inline">10:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time>
964        </div>
965      <br />
966      <b>Thursday:</b>
967        <div class="inline">
968          <time content="10:00" datetime="10:00" class="inline">10:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time>
969        </div>
970      <br />
971      <b>Friday:</b>
972        <div class="inline">
973          <time content="10:00" datetime="10:00" class="inline">10:00 AM</time> - <time content="22:00" datetime="22:00" class="inline">10:00 PM</time>
974        </div>
975      <br />
976      <b>Saturday:</b>
977        <div class="inline">
978          <time content="08:00" datetime="08:00" class="inline">8:00 AM</time> - <time content="22:00" datetime="22:00" class="inline">10:00 PM</time>
979        </div>
980      <br />
981</section>
982              </div>
983            </div>
984
985            <div class="flex flex-col justify-end items-center xl:items-end">
986              <a href="/stores"
987                class="mt-6 inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 rounded-[6px] bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%]">
988                Start an order
989              </a>
990            </div>
991          </div>
992        </article>
993
994          <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden">
995            <gmp-map center="33.42246590000001,-111.8644585" zoom="14" map-id="abc5b04ea38d0c8f">
996  <gmp-advanced-marker
997    position="33.42246590000001,-111.8644585"
998    title="Parrilla Los Picos - 1542 W University Dr, Mesa, AZ, 85201, US"
999  ></gmp-advanced-marker>
1000</gmp-map>
1001
1002          </figure>
1003      </div>
1004  </section>
1005
1006  
1006<script type="module">
1007    $(document).on('click', '[data-location_id=section-5b0d43cd-f9bb-465d-a1e7-b6360406bff1] [data-switch_location]', function(e) {
1008      e.preventDefault();
1009      const idx = $(this).data('switch_location');
1010      $('[data-location_id=section-5b0d43cd-f9bb-465d-a1e7-b6360406bff1] [data-location_wrapper_id]').addClass('hidden');
1011      $('[data-location_id=section-5b0d43cd-f9bb-465d-a1e7-b6360406bff1] [data-location_wrapper_id=' + idx + ']').removeClass('hidden');
1012    });
1013  </script>
1013
1014
1015</section>
1016
1017
1018<section class="swiper swiper-ac2581fe-cbd7-4744-8311-219866a542f3 h-[680px] xl:max-w-[1440px] mx-auto col-span-2" aria-label="Carousel of featured content" id="section-94rWnLh0" data-maglev-section-id="94rWnLh0" data-maglev-section-type="carousel_cta_01">
1019  <div class="swiper-wrapper">
1020
1021      <article class="swiper-slide xl:w-[1200px] h-[680px] mx-auto mt-14 mb-10 flex-shrink-0 relative rounded-lg overflow-hidden" role="group" aria-roledescription="slide" aria-label="Slide 1" id="block-GPV4RyN66LU" data-maglev-block-id="GPV4RyN66LU">
1022          <div class="absolute inset-0 bg-cover bg-center" style="background-image: url('/maglev/assets/38ffbec8-a6c9-4271-9da2-623abb462af1-20210627_081447_03.jpg');"></div>
1023        <div class="absolute inset-0 flex justify-start items-center">
1024          <div class="xl:w-[608px] rounded-lg px-6 xl:px-10 py-16 mx-[20px] xl:ml-[80px] bg-[var(--brand-overlay-heavy)] backdrop-blur-[12px]">
1025            <h2 class="text-white text-[32px] xl:text-[48px] font-semibold tracking-[-0.48px] leading-none">
1026              Visítanos Hoy<br>
1027            </h2>
1028            <p class="mb-10 text-white text-[14px] xl:text-[16px] font-normal leading-[24px] mt-6">
1029              Prepárate para vivir una verdadera fiesta planeando tu visita hoy a Parrilla Los Picos. Para disfrutar de los irresistibles sabores de tus platillos mexicanos favoritos y bebidas refrescantes en un ambiente cómodo y familiar, visítanos en 1542 W University Dr. en Mesa o llámanos al (480) 833-4711 para ordenar comida para llevar. ¡Esperamos verte pronto!
1030            </p>
1031              <a data-maglev-id="GPV4RyN66LU.button" class="mt-10 bg-white text-[var(--button-text)] py-3 px-8 text-sm xl:text-base font-semibold leading-[150%] hover:brightness-90 rounded-md w-full md:w-auto" href="https://maps.app.goo.gl/EufsxByekssTsvDK8"><span data-maglev-id="GPV4RyN66LU.button.text">Visit Us</span></a>
1032          </div>
1033        </div>
1034</article>
1035
1036      <article class="swiper-slide xl:w-[1200px] h-[680px] mx-auto mt-14 mb-10 flex-shrink-0 relative rounded-lg overflow-hidden" role="group" aria-roledescription="slide" aria-label="Slide 2" id="block-fcISzMY-yww" data-maglev-block-id="fcISzMY-yww">
1037          <div class="absolute inset-0 bg-cover bg-center" style="background-image: url('/maglev/assets/381d2243-ec59-42be-baa8-95364efbb2db-strawberry-20marg.jpg');"></div>
1038        <div class="absolute inset-0 flex justify-start items-center">
1039          <div class="xl:w-[608px] rounded-lg px-6 xl:px-10 py-16 mx-[20px] xl:ml-[80px] bg-[var(--brand-overlay-heavy)] backdrop-blur-[12px]">
1040            <h2 class="text-white text-[32px] xl:text-[48px] font-semibold tracking-[-0.48px] leading-none">
1041              Cocina Mexicana Auténtica en Mesa, AZ<br>
1042            </h2>
1043            <p class="mb-10 text-white text-[14px] xl:text-[16px] font-normal leading-[24px] mt-6">
1044              Cuando los verdaderos sabores de México llaman tu atención y nada más puede satisfacerte, es momento de responder en grande con una visita a nuestro restaurante mexicano en Mesa, AZ.
1045            </p>
1046              <a data-maglev-id="fcISzMY-yww.button" class="mt-10 bg-white text-[var(--button-text)] py-3 px-8 text-sm xl:text-base font-semibold leading-[150%] hover:brightness-90 rounded-md w-full md:w-auto" href="/store/20434"><span data-maglev-id="fcISzMY-yww.button.text">Order Now</span></a>
1047          </div>
1048        </div>
1049</article>
1050    
1050<script type="module">
1051      var swiper = new Swiper(".swiper-ac2581fe-cbd7-4744-8311-219866a542f3", {
1052        centeredSlides: true,
1053        loop: true,
1054        spaceBetween: 100,
1055        autoplay: {
1056          delay: 5000
1057        },
1058        a11y: {
1059          enabled: true,
1060          prevSlideMessage: 'Previous slide',
1061          nextSlideMessage: 'Next slide',
1062          firstSlideMessage: 'This is the first slide',
1063          lastSlideMessage: 'This is the last slide',
1064          paginationBulletMessage: 'Go to slide {{index}}'
1065        }
1066      });
1067    </script>
1067
1068  </div>
1069</section><footer class="w-full mx-auto bg-[var(--bg-primary)] py-8 col-span-2" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" id="section-QY9mdR8H" data-maglev-section-id="QY9mdR8H" data-maglev-section-type="standard_footer_01">
1070  <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6">
1071
1072      <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4">
1073          <div class="col-span-1 order-2 xl:order-1"></div>
1074
1075          <nav class="col-span-1 flex justify-center space-x-6 xl:space-x-8 order-1 xl:order-2" aria-label="Social media links">
1076              <a data-maglev-id="7dVfE6KKsJg.link" target="_blank" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="fa-brands fa-facebook-f" href="https://web.facebook.com/ParrillaLosPicos/">
1077                <i class="text-[24px] pt-[4px] fa-brands fa-facebook-f" data-maglev-id="7dVfE6KKsJg.icon"></i>
1078</a>              <a data-maglev-id="vnSsojX0SFw.link" target="_blank" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="fa-brands fa-instagram" href="https://www.instagram.com/parrillalospicos/">
1079                <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="vnSsojX0SFw.icon"></i>
1080</a>              <a data-maglev-id="XAW7gxNmqt0.link" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="fa-brands fa-yelp" href="https://www.yelp.com/biz_photos/los-picos-parrilla-restaurant-mesa">
1081                <i class="text-[24px] pt-[4px] fa-brands fa-yelp" data-maglev-id="XAW7gxNmqt0.icon"></i>
1082</a>          </nav>
1083
1084        <div class="col-span-1 hidden xl:block order-3"></div>
1085      </div>
1086
1087    <div class="w-full flex flex-col xl:flex-row justify-between items-center text-[var(--text-secondary)] text-sm font-normal leading-[142.857%] space-y-3 xl:space-y-0 mt-2 xl:mt-6">
1088      <nav class="flex flex-wrap justify-center xl:justify-start flex-grow space-x-4 xl:space-x-6 xl:pl-0" aria-label="Legal links">
1089        <a href="https://koala-configurations.s3.amazonaws.com/public/assets/Chowly-Terms-and-Conditions-b3cca027-acb6-42db-9d1f-11080e29b1e1.pdf" target="_blank" rel="noopener" class="mb-2">Terms of Use</a>
1090        <a href="https://koala-configurations.s3.us-east-1.amazonaws.com/public/assets/Chowly-Privacy-Policy-202f4118-faeb-4593-8574-57dc447ae203.pdf" target="_blank" rel="noopener" class="mb-2">Privacy Policy</a>
1091      </nav>
1092        
1093      <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization">
1094        <span>Parrilla Los Picos</span>™ <span itemprop="copyrightYear">2026</span> All Rights Reserved
1095      </p>
1096      <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p>
1097    </div>
1098  </div>
1099</footer>
1100    </section>
1101  </main>
1102  
1103</body>
1104</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.