Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tiktok' in 'field list'
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/var/www/admin.qastarestaurant.com/public_html/includes/funciones.php</b> on line <b>137</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$email in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>34</b><br />
<br />
<b>Notice</b>:  Undefined offset: 1 in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>36</b><br />
<br />
<b>Notice</b>:  Undefined offset: 2 in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>37</b><br />
<br />
<b>Notice</b>:  Undefined offset: 1 in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>38</b><br />
<br />
<b>Notice</b>:  Undefined offset: 2 in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>38</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$titulo in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>39</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$titulo_ext in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>40</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$meta_desc in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>41</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$meta_keys in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>42</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$frase in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>43</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$direccion in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>44</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$telefono in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>45</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$telefono1 in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>46</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$whatsapp in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>47</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$whatsapptext in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>48</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$twitter in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>50</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$googlea in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>51</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$pixel in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>53</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$tiktok in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>55</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$youtube in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>56</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$facebook in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>57</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$igoogle in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>58</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$linkedin in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>59</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$url in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>60</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$burbuja in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>61</b><br />
<br />
<b>Notice</b>:  Undefined property: stdClass::$cambio in <b>/var/www/admin.qastarestaurant.com/public_html/Config.php</b> on line <b>62</b><br />
<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie6" lang="es"><![endif]-->
<!--[if IE 7]><html class="ie7" lang="es"><![endif]-->
<!--[if IE 8]><html class="ie8" lang="es"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="es"><![endif]-->
<!--[if !IE]><html lang="es"><![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
    <head>
    <!-- Palm -->
    <meta name="HandheldFriendly" content="True" />
    <!-- Windows -->
    <meta name="MobileOptimized" content="320" />
    <!-- Safari, Android, BB, Opera -->
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>QASTA RESTAURANT - FIELES A LA TRADICIÓN</title>
    <meta name="description" content="QASTA RESTAURANT" />
    <meta name="keywords" content="QASTA RESTAURANT" />
    <meta name="robots" content="INDEX,FOLLOW" />
    <link rel="icon" href="/favicon1.png" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon.png" type="image/x-icon" />
    <link  href='/css/ubuntu.css' rel='preload' type='text/css' />
    <link  href='/css/opensans.css' rel='preload' type='text/css' />
    <link  href='/css/coustard.css' rel='preload' type='text/css' />
    <link  href='/css/raleway.css' rel='preload' type='text/css' />
    <!--[if lt IE 7]>
    <script type="text/javascript">
    //<![CDATA[
        var BLANK_URL = 'js/blank.html';
        var BLANK_IMG = 'js/spacer.gif';
    //]]>
    </script>
    <![endif]-->
    <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true"></script>
    <link rel="stylesheet" type="text/css" href="/css/styles.css" defer />
    <link rel="stylesheet" type="text/css" href="/css/responsive.css" defer />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/base/default/css/widgets1d09.css" defer />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/templatemela/MAG100202/css/em_ajaxcart/em_ajaxcart1d09.css" defer />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/templatemela/MAG100202/inchoo_socialconnect/facebook/css/button1d09.css" defer />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/base/default/css/kabel/bundleplus/extra1d09.css" defer />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="/skin/frontend/templatemela/MAG100202/css/megnor/custom1d09.css" defer />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/templatemela/MAG100202/css/megnor/tm_flexslider1d09.css" defer />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/templatemela/MAG100202/css/megnor/carousel1d09.css" defer />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/templatemela/MAG100202/css/image-picker/image-picker1d09.css" defer />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/templatemela/MAG100202/js/fancybox/jquery.fancybox1d09.css" defer />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/base/default/js/owl-carousel/assets/owl.carousel1d09.css" defer />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/templatemela/MAG100202/css/print1d09.css" media="print" defer="true" />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/templatemela/MAG100202/css/font-awesome.min1d09.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/skin/frontend/templatemela/MAG100202/janaq/addresses/addresses1d09.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/js/HoldOn.min.css" media="all" />
    <script type="text/javascript" src="/js/proto.js"></script>
    <link href="/css/fontawesome/css/all.css" rel="stylesheet">

    <!--[if lt IE 8]>
    <![endif]-->
    <!--[if lt IE 7]>
    <script type="text/javascript" src="/js/proto.js"></script>
    <![endif]-->
    <style>
    @media only screen and (max-width: 767px) {
        .main-slider .slides .item{
            padding-bottom: 80%;
        }
    }
    </style>
</head>    <style>
        @font-face {
          font-family: 'Qasta';
          src:  url('fonts/Marcellus-Regular.ttf') format('truetype')
                url('fonts/Marcellus-Regular.woff2') format('woff2'),
                url('fonts/Marcellus-Regular.woff') format('woff'),;
          font-weight: normal;
          font-style: normal;
        }
    </style>
    <body class=" cms-index-index cms-home">
        <div class="wrapper">
            <div class="page">
                <header class="header-container">
                    <div class="header max-container">
    <div class="header-top row" style="background: #e4e3de !important;padding-top: 0px !important;padding-bottom: 0px !important;">
       
        <div class="header-logo">
            <a href="/" title="QASTA" class="logo">
                <img style="width: 38% !important;margin-top: 5px;margin-bottom: 5px;" src="qasta-logo2.svg" alt="QASTA" />
            </a>
        </div>
                  
        <div class="header-nav">
            <div class="navbar-nav">

                <a class="nav-item nav-link" href="">Menu</a>
                <a style="display:none;" class="nav-item nav-link" href="">Contacto</a>
                <a style="display:none;" class="nav-item nav-link" href="/consulta/">Consulta tu Pedido</a>
            </div>
        </div>
        <div class="header-right">
            <div class="header-logo-delivery-content" style="margin-top: 28px;">
                <span>Delivery</span>
                <label></label>
            </div>
            <div style="display:none;" class="header-account" style="margin-top: 22px;">
                <a href="/login/"><img src="/images/header/ic_user.svg" alt="Mi cuenta" style="width: 40px;" /></a>
                            </div>
            <div class="header-cart">
                <div class="block-cart btn-slide">
                     <div class="header-menu-responsive">
                        <img src="menu.svg" alt="Menú" />

                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .navbar-nav {
        display: inherit;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        margin-top: 15px;
        font-size: 18px;
    }
    .navbar-nav .nav-link {
        padding-right: 15px;
        padding-left: 15px;
    }
    .header a, .header label, .header .welcome-msg {
        color: #f9e5bb;
    }
</style>                    <div class="content-menu-responsive">
    <div class="menu-close">
        <img src="/images/header/ic_close.svg" alt="Close">
    </div>
    <div class="list-menu">
        <ul>
            <li><a href="https://wa.me/51954943337?text=Hola%20quiero%20hacer%20un%20pedido%20de%20delivery.%20¿Me%20pueden%20ayudar?">Delivery</a></li>
            <li class="last-item"><a href="https://wa.me/51954943337?text=Hola%20quiero%20realizar%20una%20reserva.%20¿Me%20pueden%20brindar%20información?">Reserva</a></li>
        </ul>
    </div>

    <div class="list-menu">
       <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3794.290100194969!2d-70.25058868843863!3d-18.011735581383185!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x915acf65df7bf12f%3A0x6c7d4cd52e3cbdb5!2sRestaurante%20Qasta!5e0!3m2!1ses!2spe!4v1762982692146!5m2!1ses!2spe" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
    </div>
    

</div>                                    </header>
                <section class="main-container col1-layout">
                    <div class="main">
                        <div class="container">
    <div class="row">
        <div class="col-lg-12">
            <div class="form-row col-md-12">
                <h4><b style="color: #e6aa35;">Identificarse o crear una cuenta</b></h4>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6">
            <div class="form-row col-md-12">
                <h5><b>Nuevos clientes</b></h5>
                <p style="text-align:justify;">Al registrarse en nuestra tienda, agilizará el proceso de compra, podrá añadir múltiples direcciones de envío, ver y hacer un seguimiento de sus pedidos, y mucho más.</p>
                <button onclick="window.location='/registro/';" class="btn btn-primary btn-lg btn-block" type="button" >Crear cuenta</button>
            </div>
        </div>
        <div class="col-lg-6 form-login">
            <form id="logincarambita" method="POST">
                <div class="form-row col-md-12">
                    <h5><b>Clientes registrados</b></h5>
                    <p>Si usted tiene una cuenta con nosotros, por favor acceda.</p>
                    <div class="form-group col-md-12">
                        <label>Dirección de email</label>
                        <input type="text" class="form-control" id="emailp" name="emailp"  placeholder="" value="" required="" />
                    </div>
                    <div class="form-group col-md-12">
                        <label>Contraseña</label>
                        <input type="password" class="form-control" id="pass" name="pass"  placeholder="" value="" required="" />
                    </div>
                    <div class="form-group col-md-12">
                        <button class="btn btn-primary btn-lg btn-block" type="submit" id="enviar_ingreso_carambita">Ingresar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<style>
    .new-users .buttons-set button {
    float: right;
    background-color: #ff6500 !important;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 18px;
    color: white !important;
    font-family: "Coustard","Open Sans",Arial,Helvetica,sans-serif !important;
    text-transform: uppercase;
    text-indent: 0px;
    width: 221px;
    height: 25px;
    text-align: center;
    height: 40px;
    right: 12%;
    position: relative;
}

.customer-account-login .account-login div.inchoo-socialconnect-facebook-inner a {
    background: transparent url("/images/bg-button4.png") repeat-x scroll left top !important;
    border-radius: 20px;
    display: block;
    float: right;
    font-family: "chicken-sans-regular";
    font-size: 107%;
    margin-bottom: 12px;
    margin-right: 0;
    padding: 0px 0 0;
    text-align: center;
    width: 240px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
}
    .btn-primary {
        color: #fff;
        background-color: #ebbc55;
        border-color: #ebbc55;
    }
    .btn-primary:hover {
        color: #fff;
        background-color: #e6af37;
        border-color: #e6af37;
    }
    .btn-primary:focus {
        color: #fff;
        background-color: #e6af37;
        border-color: #e6af37;
    }
    @media only screen and (max-width: 767px) {
        .cms-home .main {
            /*  width: 100%;
            margin-left: 10px;
            margin-right: 10px;
            margin-top: 10px;*/
        }
        .main {
            padding-top: 12px;
        }
        .form-login{
            margin-top: 25px;
        }
    }
</style>                    </div>
                </section>
                <div id="botonera-flotante">
                    <a href="https://wa.me/51954943337?text=Hola%20quiero%20hacer%20un%20pedido%20de%20delivery.%20¿Me%20pueden%20ayudar?" class="btn delivery" target="_blank">Delivery</a>
                    <a href="https://wa.me/51954943337?text=Hola%20quiero%20realizar%20una%20reserva.%20¿Me%20pueden%20brindar%20información?" class="btn reserva" target="_blank">Reserva</a>
                </div>
                <footer class="footer-container">
    <div class="footer max-container-2" style="padding: 0px 0px 0px !important;">
        <div class="footer_wrapper">
            <div class="row" id="footer">
                <div class="col-md-4 col-xs-12 social-icons">
                    <div class="logo-footer">
                        <img src="/images/qasta-logo.svg" alt="QASTA">
                    </div>
                </div>
                <div class="col-md-4 col-xs-12 social-icons">
                    <h6>SÍGUENOS</h6>
                    <div class="footer-rs">
                    <ul class="footer-rs-content">
                        <li><a href="" target="_blank" class="footer-rs-link-fb"></a></li>
                        <li><a href="" target="_blank" class="footer-rs-link-ig"></a></li>
                    </ul>
                    </div>
                </div>
                <div class="col-md-4 col-xs-12 footer-payment-method">
                    <h6>MEDIOS DE PAGO</h6>
                    <div class="footer-rs">
                    <ul class="footer-rs-content">
                        <li><img alt="Visa" src="/images/footer/ic_visa.svg"></li>
                        <li><img alt="Mastercard" src="/images/footer/ic_mastercard.svg"></li>
                        <li><img alt="AmEx" src="/images/footer/ic_american.svg"></li>
                    </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cont-copyright max-container">
        <span>© 2025 Todos los derechos reservados <a href="https://leptongroup.pe">LEPTON GROUP</a></span>
    </div>
</footer>            </div>
        </div>
        <script type="text/javascript" src="/js/webp/jquery.detect1d09.js"></script>
<script type="text/javascript" src="/js/other2.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script src="/js/formvalidator/dist/js/FormValidation.full.min.js" type="text/javascript"></script>
<script src="/js/formvalidator/dist/js/plugins/Bootstrap.min.js" type="text/javascript"></script>
<script src="/js/formvalidator/dist/js/locales/es_ES.min.js" type="text/javascript"></script>
<script src="/js/axios/dist/axios.min.js" type="text/javascript"></script>
<script src="/js/HoldOn.min.js" type="text/javascript"></script>
<link href="/js/formvalidator/dist/css/formValidation.min.css" rel="stylesheet" type="text/css" />
<script>let URLBase = '';</script>
<script>let URLBASE = '';</script>
    <script type="text/javascript" src="/js/session.js"></script>
    <script type="text/javascript" src="/js/login.js"></script>

    <script>
        jQuery('.cantidad_canasta').text("0");
        sessionStorage.clear();
    </script>

<style>
    #topcontrol{
        display:none !important;
    }
</style>


<script>
jQuery(".images-carta").owlCarousel({
    autoPlay: 3000,
    loop: true,
    pagination: false,
    navigation:false,
    items : 3, //10 items above 1000px browser width
    itemsDesktop : [1000,3], //5 items between 1000px and 901px
    itemsDesktopSmall : [900,3], // betweem 900px and 601px
    itemsTablet: [600,3], //2 items between 600 and 0
    itemsMobile : [600,3] // itemsMobile disabled - inherit from itemsTablet option
  });
</script>
<style>
    

    .images-carta .item{
      margin: 3px;
    }
    .images-carta .item img{
      display: block;
      width: 100%;
      height: auto;
    }

.content-menu-responsive {
  margin: 0;
  position: fixed;
  top: 0;
  right: -100%;
  height: 100%;
  color: #fff;
  width: 80%;
  max-width: 350px;
  min-width: 250px;
  z-index: 99995;
  background: #5b663d;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -ms-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
  text-align: center;
}


.products-grid li .product-block {
  background: #e4e3de;
  clear: both;
  margin: 6px 8px 6px;
  overflow: hidden;
  border-radius: 10px;
}



/* card */
.menu-card{
background:var(--card);
max-width:720px;
width:100%;
padding:20px 20px;
border-radius:8px;
/*box-shadow: 0 6px 18px rgba(20,20,20,0.06);*/
display:flex;
align-items:flex-start;
gap:12px 20px;
align-items:start;
/*border:1px solid rgba(0,0,0,0.03);*/
font-family: 'Qasta', sans-serif;
}

.menu-card img{
width:70px;
height:70px;
object-fit:cover;
border-radius:8px;
flex-shrink:0;
}


.menu-info{
flex:1;
display:grid;
grid-template-columns: 1fr auto;
align-items:start;
gap:6px 20px;
}
/* title */
.title{
font-size:25px;
line-height:2.05;
color:var(--accent);
margin:0;
font-weight:normal;
letter-spacing:0.2px;
font-family: 'Qasta', sans-serif;
}


/* price */
.price{
font-size:18px;
color:#222;
align-self:start;
padding-top:4px;
font-family: 'Qasta', sans-serif;
}


/* description spans full width under title */
.description{
grid-column: 1 / -1;
margin:8px 0 0 0;
color: #4a4a49;
font-size:14px;
line-height:1.45;
max-width:66%;
font-family: 'Qasta', sans-serif;
text-align: justify;
}


/* small responsive tweak */
@media (max-width:520px){
/*.menu-card{grid-template-columns:1fr auto; padding:20px;}*/
.menu-card{/*flex-direction:column;*/ align-items:flex-start;}
.menu-card img{width:100%; height:auto;}
.menu-info{grid-template-columns:1fr auto;}
.title{font-size:16px}
.price{font-size:16px}
.description{font-size:14px; max-width:100%;}
}

.footer-container {
  background: #556945;
}
.cont-copyright {
  text-align: center;
  border-top: 1px solid #556945;
  color: #ece4e4;
  padding: 5px 0;
  font-family: "Qasta";
}
.cont-copyright span a {
  color: #e4e3de;
  text-decoration: none;
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
    .header .logo {
        margin: 15px 5px 5px 16px;
        text-align: left;
        display: inline-block;
        text-decoration: none !important;
        float: none;
        line-height: unset;
    }
}
@media only screen and (max-width: 870px) {
    .header-menu-responsive {
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        content: "";
        top: 15px;
        left: 25px;
        cursor: pointer;
        z-index: 9;
    }
}
ul.tabbernav li a.selected + .arrow , ul.tabbernav li a:hover   + .arrow {
   
    background-color: transparent;
}
ul.tabbernav li a.selected, ul.tabbernav li a:hover {
  color: #6c6c43 !important;
  border-color: #fff;
  font-weight: normal;
}
ul.tabbernav li a {
    font-size: 17px;
    position: relative;
    font-family: "Qasta";
    padding-left: 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #a1aa9a;
}



.list-menu li {
  padding: 10px 0;
  border-top: 1px solid #5b663d !important;
  color: white;
  font-family: "Qasta";
}
.list-menu {
  margin: 16px;
}
.list-menu li.last-item {
  border-bottom: 1px solid #5b663d  !important;
}
ul .price {
  color: #485e37;
  font-size: 16px;
}
</style>                <style>
            #botonera-flotante {
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 70px;
                display: flex;
                z-index: 9999;
                padding-top: 25px;
            }

            #botonera-flotante .btn {
                flex: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                color: white;
                text-decoration: none;
                font-size: 19px;
                font-weight: normal;
                font-family: 'Qasta';
                border-radius: 0px;
            }

            .delivery { background: #435237; }
            .reserva  { background: #465b36; }
        </style>
        <script>
            document.addEventListener("scroll", function () {
                const barra = document.getElementById("botonera-flotante");
                const footer = document.querySelector(".footer-container");

                const footerTop = footer.getBoundingClientRect().top;
                const windowHeight = window.innerHeight;

                if (footerTop <= windowHeight) {
                    // Cuando llega al footer → queda fijo arriba del footer
                    barra.style.position = "absolute";
                    barra.style.bottom = footer.offsetHeight + "px";
                } else {
                    // Mientras subes o navegas → barra flotante abajo
                    barra.style.position = "fixed";
                    barra.style.bottom = "0px";
                }
            });
        </script>
        <style>
          .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.75);
            backdrop-filter: blur(4px);
            display: flex;
            justify-content: center;
            align-items: center;
            visibility: hidden;
            opacity: 0;
            transition: 0.25s ease;
            z-index: 9999;
        }

        .overlay.active {
            visibility: visible;
            opacity: 1;
        }

        .popup-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }

        .popup-image {
            max-width: 100%;
            max-height: 100%;
            border-radius: 10px;
            display: none; /* IMPORTANTE: oculto hasta que cargue */
            animation: zoomIn .25s ease;
        }

        .close-btn {
            position: absolute;
            top: -20px;
            right: -20px;
            background: #fff;
            color: #000;
            font-size: 26px;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font-weight: bold;
            box-shadow: 0 0 10px rgba(0,0,0,0.4);
        }

        /* Loader */
        .loader {
            border: 6px solid #fff;
            border-top-color: transparent;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            margin: auto;
            animation: spin 0.8s linear infinite;
            display: none;
        }

        @keyframes spin {
            to { transform: rotate(360deg); }
        }

        @keyframes zoomIn {
            from { transform: scale(0.7); opacity: 0; }
            to   { transform: scale(1); opacity: 1; }
        }
        </style>
        <div id="popupOverlay" class="overlay">
            <div class="popup-content">
                <div class="close-btn">&times;</div>
                <div class="loader"></div>
                <img id="popupImage" class="popup-image" src="">
            </div>
        </div>
        <script>
        const enlaces = document.querySelectorAll(".popup-img");
        const overlay = document.getElementById("popupOverlay");
        const popupImg = document.getElementById("popupImage");
        const loader = document.querySelector(".loader");
        const closeBtn = document.querySelector(".close-btn");

        enlaces.forEach(enlace => {
            enlace.addEventListener("click", function(e) {
                e.preventDefault();

                const src = this.getAttribute("href");

                // Abrir popup vacío + loader
                overlay.classList.add("active");
                popupImg.style.display = "none";
                loader.style.display = "block";
                popupImg.src = ""; // limpiar imagen previa

                // Precargar la nueva imagen
                const preload = new Image();
                preload.onload = function() {
                    loader.style.display = "none";
                    popupImg.src = src;
                    popupImg.style.display = "block";
                };

                preload.src = src; // inicia la carga
            });
        });

        // Cerrar al hacer click en X o en overlay
        closeBtn.addEventListener("click", () => overlay.classList.remove("active"));
        overlay.addEventListener("click", e => {
            if (e.target === overlay) overlay.classList.remove("active");
        });
        </script>
    </body>
</html>