Zaranda

#breadcrumb{ display:none; } #the-post > header > div{ display:none; } #content{ margin-top:-25px; } .hdrslider { position: relative; width: 100vw; height: 600px; margin-left: calc(50% - 50vw); overflow: hidden; background: #000; } .hdrslides { display: flex; width: 100%; height: 100%; transition: transform 0.5s ease-in-out; } .hdrslide { position: relative; flex: 0 0 100%; width: 100%; height: 100%; overflow: hidden; } .hdrblurred-background { position: absolute; top: -30px; left: -30px; width: calc(100% + 60px); height: calc(100% + 60px); background-position: center; background-size: cover; background-repeat: no-repeat; filter: blur(20px); transform: scale(1.05); opacity: 0.75; z-index: 1; } .hdrslide img { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; z-index: 2; } .hdrprev, .hdrnext { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(0, 0, 0, 0.45); font-size: 28px; line-height: 1; text-decoration: none; cursor: pointer; transition: background 0.2s ease; } .hdrprev { left: 8px; } .hdrnext { right: 8px; } .hdrprev:hover, .hdrnext:hover { background: rgba(0, 0, 0, 0.75); } @media (min-width: 1200px) { .hdrslider { height: 600px; } } @media (max-width: 1199px) { .hdrslider { height: 500px; } } @media (max-width: 768px) { .hdrslider { height: 400px; } .hdrprev, .hdrnext { width: 38px; height: 38px; font-size: 22px; } } @media (max-width: 480px) { .hdrslider { height: 300px; } .hdrprev, .hdrnext { width: 34px; height: 34px; font-size: 19px; } } .zaranda-content { max-width: 1100px; margin: 0 auto; padding: 40px 20px; } ❮ ❯ Home/Dining/Zaranda document.addEventListener('DOMContentLoaded', function () { const slider = document.querySelector('.hdrslider'); if (!slider) { return; } const slidesContainer = slider.querySelector('.hdrslides'); const slides = slider.querySelectorAll('.hdrslide'); const previousButton = slider.querySelector('.hdrprev'); const nextButton = slider.querySelector('.hdrnext'); let slideIndex = 0; /* ===================================== MOVE SLIDE ===================================== */ function moveSlide(direction) { slideIndex += direction; /* Loop to first */ if (slideIndex >= slides.length) { slideIndex = 0; } /* Loop to last */ if (slideIndex < 0) { slideIndex = slides.length - 1; } slidesContainer.style.transform = 'translateX(-' + (slideIndex * 100) + '%)'; } /* ===================================== NEXT BUTTON ===================================== */ nextButton.addEventListener('click', function (event) { event.preventDefault(); moveSlide(1); }); /* ===================================== PREVIOUS BUTTON ===================================== */ previousButton.addEventListener('click', function (event) { event.preventDefault(); moveSlide(-1); }); /* ===================================== KEYBOARD ===================================== */ document.addEventListener('keydown', function (event) { if (event.key === 'ArrowRight') { moveSlide(1); } if (event.key === 'ArrowLeft') { moveSlide(-1); } }); }); Zaranda 1550 Lamar Street, Suite 101 (713) 485-0652 Visit Website Zaranda brings the rich culinary heritage of Las Californias to Downtown Houston, celebrating the flavors and traditions of the historic region stretching from Northern California to Cabo San Lucas. Guided by Chef Hugo Ortega, the menu blends coastal flavors, ranching traditions, and Spanish and Asian influences through premium meats, Baja-inspired tacos and tostadas, and the iconic Tableside Caesar Salad, first created in Tijuana. Named after the traditional wire basket used to prepare zarandeado, Zaranda’s menu is complemented by the country’s largest Mexican wine list and a creative cocktail program, all just steps from Discovery Green and the George R. Brown Convention Center. Hours of Operation: Monday - Thursday: 11:30 am - 9:00 pm Friday - Saturday: 11:30 am - 10:00 pm Sunday: 11:30 am - 9:00 pm