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&family=Roboto Slab:wght@400;700&display=swap" 84 rel="preload" as="style"> 85 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&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<br>" 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<br>" 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<br>" 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<br>" 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'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't get made with is kind of love, care, attention unless you are at you grandma's house. 729I had the ceviche tostada to start tonight. It's worthwhile to pay the 2 bucks extra for pulpo. 730Go here. 731Just don'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'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 & friendly staff. Authentic food, was great. And they have menudo "all day every day" 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&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.