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>                                            Excepción capturada: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'quark.publicidad' doesn't exist
<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 />
<div class="top-container" style="display: none;">
    <ul class="slides owl-carousel desktop-slider">
                                </ul>

Excepción capturada: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'quark.publicidad' doesn't exist
    <ul class="slides owl-carousel mobile-slider">
                    <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/var/www/qastarestaurant.com/public_html/plantilla/portada/Slider.php</b> on line <b>32</b><br />
            </ul>
</div>
                                    </header>
                <section class="main-container col1-layout">
                    <div class="main">
                        <style>
	.cms-home .main{
		width: 100%;
		margin-top: 0px;
		padding-top: 0px;
	}
	.main-container-location {
		clear: both;
		margin: auto;
		margin-top: auto;
		margin-bottom: auto;
		max-width: 1000px;
		padding: 0px !important;
		border: 0px solid #000;
		border-radius: 10px;
		margin-top: 0px;
		margin-bottom: 15px;
		width: 100%;
		color: black;
	}
	.product-block .product-name {
		font-size: 18px;
		font-weight: bolder;
		line-height: 126%;
		margin: 0;
		min-height: 40px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.products-grid li .product-block-inner {
		overflow: hidden;
		padding: 0px;
		position: relative;
		text-align: center;
	}
	a.product-image {
		display: block;
		margin: 0px;
		position: relative;
	}
	ul .product-block-inner {
		border: 0px solid transparent;
	}
	.tabs {
		clear: both;
		margin-bottom: 0px;
	}
	dl, ol, ul {
		margin-top: 0;
		margin-bottom: 0rem;
	}
	a:hover {
		color: #eed092;
		text-decoration: underline;
	}
	.header-top {
		padding-top: 10px;
		padding-bottom: 10px;
		position: relative !important;
		margin: 0 !important;
	}
	.desktop-slider{
		display:block !important;
	}
	.mobile-slider{
		display:none !important;
	}
	@media only screen and (max-width:700px) {
		.desktop-slider{
			display:none !important;
		}
		.mobile-slider{
			display:block !important;
		}
		.header-top {
			padding-top: 10px;
			padding-bottom: 15px;
			position: relative !important;
			margin: 0 !important;
		}
		ul.nav-categories{
			white-space: nowrap;
			overflow-y: hidden;
			scrollbar-width: inherit;
			display: flex !important;
			justify-content: start;
			padding: 0;
			padding-top: 0px;
			padding-bottom: 0px;
			position: relative;
			text-align: left;
			width: 100%;
			margin: auto;
		}
		.tabbernav .item-cat {
			white-space: inherit !important;
			width: 100%;
			float: none;
			display: inline-block;
			margin-left: 14px;
			margin-right: 14px;
			margin-top: 4px;
			margin-bottom: 4px;
		}
		ul.tabbernav li {
			
			padding-top: 5px;
			padding-right: 0px;
			padding-bottom: 5px;
			padding-left: 0px;
		}
		.products-grid li.product-items {
			width: 50% !important;
		}
		.product-block .product-name {
			font-size: 13px;
			font-weight: bolder;
			line-height: 126%;
			margin: 0;
			min-height: 40px;
		}
		.products-grid .price-box .labelprice {
			width: 100%;
			display: inline-block;
			color: #f58426;
			font-size: 17px;
			font-weight: bold;
		}
		.price-box .price {
			font-weight: bold;
			font-size: 20px;
		}
		.header-account {
		    display: block;
		    right: 19px;
		    float: left;
		    position: absolute;
		    top: 4px;
		    width: 25%;
		    text-align: right;
		}
	}
	.category-products{
		background-color: #e4e3de;
	}
	.products-grid li.product-items {
	    width: 100% !important;
	}
	ul .price-box {
	    margin: 2% 0 2% !important;
	}
	.desktop-menu-brand, .desktop-menu-note, .menu-card__image { display: none; }
	.desktop-carta { display: none; }

	/* Desktop only: tablet and mobile continue using the original layout. */
	@media only screen and (min-width: 1024px) {
		body.cms-home, .std { background: #f7f2e8 !important; }
		.header-container, #botonera-flotante { display: none; }
		.cms-home .main, .main-container, .main-container .main, .col-main { width: 100% !important; margin: 0 !important; padding: 0 !important; float: none; }
		.content-tabnav { position: fixed; inset: 0 auto 0 0; z-index: 20; box-sizing: border-box; width: 288px; overflow-y: auto; padding: 34px 24px 28px; background: linear-gradient(155deg, #26381f, #334827) !important; text-align: left; }
		.desktop-menu-brand { display: block; margin: 0 0 28px; padding: 0 10px 22px; border-bottom: 1px solid rgba(239,207,137,.25); }
		.desktop-menu-brand img { display: block; width: 185px; max-width: 100%; height: auto; }
		.desktop-menu-brand span { display: block; margin-top: 7px; color: #efd28d; font: 11px/1.2 'Qasta', Georgia, serif; letter-spacing: .13em; text-transform: uppercase; }
		.desktop-menu-note { display: block; margin: 25px 10px 0; padding-top: 18px; border-top: 1px solid rgba(239,207,137,.25); }
		.desktop-menu-note a { display: block; margin: 0 0 14px; color: #f7f2e8; font: 16px/1.25 'Qasta', Georgia, serif; text-decoration: none; }
		.desktop-menu-note a:hover { color: #efd28d; }
		.qasta-logo { display: none; }
		ul.nav-categories.tabbernav { display: block !important; width: 100%; margin: 0; padding: 0; background: transparent !important; }
		ul.tabbernav li, .tabbernav .item-cat { display: block !important; float: none; width: 100%; margin: 0 0 4px; padding: 0; text-align: left; }
		ul.tabbernav li a, ul.tabbernav li a.selected, ul.tabbernav li:first-child a { display: block; box-sizing: border-box; padding: 10px 12px !important; border-radius: 7px; color: #f7f2e8 !important; font: 15px/1.2 'Qasta', Georgia, serif; text-align: left; }
		ul.tabbernav li a::before { display: none; }
		ul.tabbernav li a.selected, ul.tabbernav li a:hover { background: #b98a27; color: #fff !important; text-decoration: none; }
		.tabberlive.max-container { width: auto !important; margin: 0 0 0 288px !important; padding: 0 48px 70px; }
		.main-container-location { max-width: 1180px; margin: 0 auto; padding: 0 !important; }
		.tabs { margin: 0; }
		.tab { padding-top: 58px; }
		.category-products, ul.products-grid { background: transparent !important; }
		.products-grid { padding: 0; }
		.products-grid > div:first-child { margin: 0 0 9px !important; padding: 0 !important; text-align: left !important; }
		.products-grid > div:first-child h4 { margin: 0; font: 16px/1.2 'Qasta', Georgia, serif; color: #6b765e !important; }
		.products-grid > div:nth-child(2) { margin: 0 0 28px !important; padding: 0 !important; text-align: left !important; }
		.products-grid > div:nth-child(2) h4 { margin: 0; color: #304725 !important; font: 52px/1.05 'Qasta', Georgia, serif; }
		.products-grid > div:nth-child(2) h4 span { color: inherit !important; }
		.products-grid .row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; margin: 0 0 18px !important; }
		.menu-card { display: grid; grid-template-columns: 144px minmax(0,1fr); min-height: 166px; overflow: hidden; border: 1px solid #e3d8c4; border-radius: 12px; background: rgba(255,255,255,.54); box-shadow: 0 8px 20px rgba(52,61,40,.07); }
		.menu-card__image { display: block; width: 100%; height: 100%; min-height: 166px; object-fit: cover; background: #e8dfcf; }
		.menu-info { display: flex; flex-direction: column; min-width: 0; padding: 23px 22px 19px; }
		.menu-info .title { order: 1; margin: 0; color: #304725; font: 24px/1.14 'Qasta', Georgia, serif; }
		.menu-info .description { order: 2; margin: 11px 0 0; color: #55564e; font: 14px/1.45 Arial, sans-serif; }
		.menu-info .description p { margin: 0; }
		.menu-info .price { order: 3; margin-top: auto; padding-top: 13px; color: #304725; font: 19px/1 'Qasta', Georgia, serif; }
		.menu-info .price .popup-img { display: none; }
	}

	/* Separate desktop document: it never participates in the tablet/mobile UI. */
	@media only screen and (min-width: 1024px) {
		.header-container, #botonera-flotante, .col-main, .footer-container { display: none !important; }
		.desktop-carta { display: grid; grid-template-columns: 294px minmax(0,1fr); min-height: 100vh; background: #f7f2e8; color: #304725; }
		.desktop-carta__sidebar { position: sticky; top: 0; height: 100vh; box-sizing: border-box; overflow-y: auto; padding: 38px 28px 30px; background: linear-gradient(155deg,#23341d,#385027); }
		.desktop-carta__brand { display: block; padding: 0 10px 24px; border-bottom: 1px solid rgba(239,207,137,.28); }
		.desktop-carta__brand img { display: block; width: 190px; max-width: 100%; height: auto; }
		/* The supplied Qasta logo already contains its tagline. */
		.desktop-carta__brand small { display: none; }
		.desktop-carta__search { position: relative; margin: 24px 0 17px; }
		.desktop-carta__search input { box-sizing: border-box; width: 100%; padding: 12px 14px 12px 38px; border: 1px solid rgba(239,207,137,.36); border-radius: 7px; outline: 0; background: rgba(255,255,255,.08); color: #fff; font: 14px/1.2 Arial,sans-serif; }
		.desktop-carta__search input::placeholder { color: rgba(249,244,233,.68); }
		.desktop-carta__search:before { content: '⌕'; position: absolute; top: 8px; left: 13px; color: #efd28d; font: 24px/1 Arial,sans-serif; }
		.desktop-carta__nav { margin: 25px 0 26px; padding: 0; list-style: none; }
		.desktop-carta__nav li { margin: 0 0 5px; }
		.desktop-carta__nav a { display: block; padding: 10px 12px; border-radius: 7px; color: #f9f4e9; font: 15px/1.25 'Qasta',Georgia,serif; text-decoration: none; }
		.desktop-carta__nav a:hover, .desktop-carta__nav a:focus { background: #b98a27; color: #fff; }
		.desktop-carta__contact { padding: 20px 10px 0; border-top: 1px solid rgba(239,207,137,.28); }
		.desktop-carta__contact a { display: block; margin: 0 0 14px; color: #f9f4e9; font: 16px/1.25 'Qasta',Georgia,serif; text-decoration: none; }
		.desktop-carta__main { box-sizing: border-box; max-width: 1320px; margin: 0 auto; padding: 62px 58px 90px; width: 100%; }
		.desktop-carta__eyebrow { margin: 0 0 12px; color: #7a876e; font: 16px/1.2 'Qasta',Georgia,serif; }
		.desktop-carta__title { margin: 0 0 47px; color: #304725; font: 52px/1.05 'Qasta',Georgia,serif; }
		.desktop-carta__section { scroll-margin-top: 24px; margin: 0 0 56px; }
		.desktop-carta__section-title { display: flex; align-items: center; gap: 17px; margin: 0 0 21px; color: #304725; font: 29px/1.15 'Qasta',Georgia,serif; }
		.desktop-carta__section-title:after { content: ''; flex: 1; max-width: 160px; height: 1px; background: #c6a04d; }
		.desktop-carta__subsection { margin: 31px 0 17px; color: #78836a; font: 18px/1.2 'Qasta',Georgia,serif; letter-spacing: .04em; text-transform: uppercase; }
		.desktop-carta__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
		.desktop-carta__item { min-height: 116px; box-sizing: border-box; padding: 22px 24px; border: 1px solid #e1d7c4; border-radius: 11px; background: rgba(255,255,255,.58); box-shadow: 0 8px 20px rgba(52,61,40,.055); }
		.desktop-carta__item h3 { margin: 0; color: #304725; font: 22px/1.15 'Qasta',Georgia,serif; }
		.desktop-carta__item p { margin: 9px 0 0; color: #595b52; font: 14px/1.45 Arial,sans-serif; }
		.desktop-carta__price { display: block; margin-top: 14px; color: #304725; font: 18px/1 'Qasta',Georgia,serif; }
		/* Match the approved desktop composition: one category, not a long list. */
		.desktop-carta__utility { display: flex; justify-content: flex-end; gap: 26px; margin: -22px 0 38px; color: #4e5849; font: 15px/1 Arial,sans-serif; }
		.desktop-carta__utility a { color: inherit; text-decoration: none; }
		.desktop-carta__section { display: none; margin: 0; }
		.desktop-carta__section.is-active { display: block; }
		.desktop-carta__intro { display: grid; grid-template-columns: minmax(0,1fr) 230px; gap: 50px; align-items: end; margin-bottom: 32px; padding-bottom: 28px; border-bottom: 1px solid #e1d7c4; }
		.desktop-carta__eyebrow { color: #7a876e; }
		.desktop-carta__eyebrow span { color: #304725; }
		.desktop-carta__title { margin: 0 0 13px; font-size: 50px; }
		.desktop-carta__lead { max-width: 470px; margin: 0; color: #5a6155; font: 16px/1.45 Arial,sans-serif; }
		.desktop-carta__note { padding: 22px 0 0 24px; border-left: 2px solid #c6a04d; }
		.desktop-carta__note strong, .desktop-carta__note span { display: block; }
		.desktop-carta__note strong { margin-bottom: 9px; color: #304725; font: 24px/1.1 'Qasta',Georgia,serif; }
		.desktop-carta__note span { color: #5a6155; font: 14px/1.4 Arial,sans-serif; }
		.desktop-carta__grid { gap: 20px; }
		.desktop-carta__item { position: relative; min-height: 152px; padding: 25px 26px; }
		.desktop-carta__item:has(.desktop-carta__item-image) { display: grid; grid-template-columns: 118px minmax(0,1fr); column-gap: 21px; align-content: start; }
		.desktop-carta__item-image { grid-row: 1 / span 3; width: 118px; height: 118px; border-radius: 8px; object-fit: cover; background: #e8dfcf; }
		.desktop-carta__item:has(.desktop-carta__item-image) h3 { grid-column: 2; }
		.desktop-carta__item:has(.desktop-carta__item-image) p { grid-column: 2; }
		.desktop-carta__item:has(.desktop-carta__item-image) .desktop-carta__price { grid-column: 2; }
		.desktop-carta__item h3 { font-size: 23px; }
		.desktop-carta__nav a.is-active { background: #b98a27; color: #fff; }
		.desktop-carta__empty { display: none; padding: 48px 0; color: #5a6155; font: 17px/1.4 Arial,sans-serif; }
		.desktop-carta__section.is-empty .desktop-carta__empty { display: block; }
		.desktop-carta__item.is-filtered-out { display: none; }
		/* Final desktop polish: editorial hierarchy and less visual weight. */
		.desktop-carta { background: #f8f4eb; }
		.desktop-carta__sidebar { box-shadow: 14px 0 35px rgba(29,43,24,.12); }
		.desktop-carta__sidebar::-webkit-scrollbar { width: 5px; }
		.desktop-carta__sidebar::-webkit-scrollbar-thumb { border-radius: 99px; background: rgba(239,207,137,.38); }
		.desktop-carta__search input:focus { border-color: #efd28d; box-shadow: 0 0 0 3px rgba(239,207,137,.12); }
		.desktop-carta__nav { margin-top: 20px; }
		.desktop-carta__nav a { position: relative; padding-left: 15px; }
		.desktop-carta__nav a.is-active:before { content: ''; position: absolute; top: 9px; bottom: 9px; left: 0; width: 3px; border-radius: 3px; background: #f4d276; }
		.desktop-carta__main { position: relative; overflow: hidden; }
		.desktop-carta__main:before { content: ''; position: absolute; z-index: 0; top: 100px; right: -115px; width: 420px; height: 420px; border: 1px solid rgba(181,146,67,.12); border-radius: 50%; box-shadow: -34px 34px 0 -1px rgba(181,146,67,.075), -68px 68px 0 -1px rgba(181,146,67,.05); pointer-events: none; }
		.desktop-carta__utility, .desktop-carta__section { position: relative; z-index: 1; }
		.desktop-carta__utility { padding-bottom: 18px; border-bottom: 1px solid rgba(48,71,37,.12); color: #697462; font-size: 13px; letter-spacing: .03em; text-transform: uppercase; }
		.desktop-carta__utility a { padding-left: 24px; border-left: 1px solid rgba(48,71,37,.16); }
		.desktop-carta__intro { margin-bottom: 28px; padding: 12px 0 30px; }
		.desktop-carta__eyebrow { font-size: 15px; letter-spacing: .04em; }
		.desktop-carta__title { max-width: 680px; font-size: 55px; letter-spacing: -.025em; }
		.desktop-carta__lead { max-width: 530px; }
		.desktop-carta__note { margin-bottom: 2px; padding: 17px 0 2px 22px; }
		.desktop-carta__grid { gap: 18px; }
		.desktop-carta__item { border-color: #e6dbc6; background: rgba(255,255,255,.72); box-shadow: 0 10px 28px rgba(52,61,40,.055); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
		.desktop-carta__item:hover { transform: translateY(-3px); border-color: #d6b46a; box-shadow: 0 16px 34px rgba(52,61,40,.11); }
		.desktop-carta__item h3 { letter-spacing: -.01em; }
		.desktop-carta__item p { max-width: 470px; }
		.desktop-carta__price { color: #4a5d36; }
	}
	/*.std ol, .std dl, .std p, .std address, .std blockquote {
	    margin: 0 0 0px;
	    padding: 0;
	    font-size: 13px;
	}*/
</style>
<div class="desktop-carta">
	<nav class="desktop-carta__sidebar" aria-label="Categorías de la carta">
		<a class="desktop-carta__brand" href="/" aria-label="Qasta, inicio">
			<img src="qasta-logo2.svg" alt="Qasta">
			<small>Fieles a la tradición</small>
		</a>
		<label class="desktop-carta__search"><input type="search" data-desktop-carta-search placeholder="Buscar en la carta" aria-label="Buscar en la carta"></label>
		<ul class="desktop-carta__nav">
											<li><a href="#carta-kits---ofertas" data-desktop-carta-target="carta-kits---ofertas">KITS - OFERTAS</a></li>
											<li><a href="#carta-soluciones-termicas" data-desktop-carta-target="carta-soluciones-termicas">SOLUCIONES TERMICAS</a></li>
											<li><a href="#carta-camaras-de-video-vigilancia" data-desktop-carta-target="carta-camaras-de-video-vigilancia">CÁMARAS DE VIDEO VIGILANCIA</a></li>
											<li><a href="#carta-cctv-ip" data-desktop-carta-target="carta-cctv-ip">CCTV IP</a></li>
											<li><a href="#carta-ezviz" data-desktop-carta-target="carta-ezviz">EZVIZ</a></li>
											<li><a href="#carta-disco-duro" data-desktop-carta-target="carta-disco-duro">DISCO DURO</a></li>
											<li><a href="#carta-alarmas-de-intrusion" data-desktop-carta-target="carta-alarmas-de-intrusion">ALARMAS DE INTRUSION</a></li>
											<li><a href="#carta-alarma-deteccion-de-incendio" data-desktop-carta-target="carta-alarma-deteccion-de-incendio">ALARMA DETECCION DE INCENDIO</a></li>
											<li><a href="#carta-videoporteros" data-desktop-carta-target="carta-videoporteros">VIDEOPORTEROS</a></li>
											<li><a href="#carta-control-de-asistencia" data-desktop-carta-target="carta-control-de-asistencia">CONTROL DE ASISTENCIA</a></li>
					</ul>
		<div class="desktop-carta__contact">
			<a href="https://wa.me/51954943337?text=Hola%20quiero%20consultar%20por%20delivery." target="_blank" rel="noopener">Delivery</a>
			<a href="https://wa.me/51954943337?text=Hola%20quiero%20realizar%20una%20reserva." target="_blank" rel="noopener">Reserva</a>
		</div>
	</nav>
	<main class="desktop-carta__main">
		<div class="desktop-carta__utility"><span>Carta online</span><a href="#ubicacion">Ubicación</a></div>
							Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
			<section class="desktop-carta__section is-active" id="carta-kits---ofertas">
				<div class="desktop-carta__intro">
					<div><p class="desktop-carta__eyebrow">Carta / <span>KITS - OFERTAS</span></p><h1 class="desktop-carta__title">KITS - OFERTAS</h1><p class="desktop-carta__lead">Explora nuestra selección y consulta disponibilidad en el local.</p></div>
					<aside class="desktop-carta__note"><strong>Carta online</strong><span>Fieles a la tradición, plato a plato.</span></aside>
				</div>
								<p class="desktop-carta__empty">No encontramos platos con ese nombre.</p>
							</section>
								Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
			<section class="desktop-carta__section" id="carta-soluciones-termicas">
				<div class="desktop-carta__intro">
					<div><p class="desktop-carta__eyebrow">Carta / <span>SOLUCIONES TERMICAS</span></p><h1 class="desktop-carta__title">SOLUCIONES TERMICAS</h1><p class="desktop-carta__lead">Explora nuestra selección y consulta disponibilidad en el local.</p></div>
					<aside class="desktop-carta__note"><strong>Carta online</strong><span>Fieles a la tradición, plato a plato.</span></aside>
				</div>
								<p class="desktop-carta__empty">No encontramos platos con ese nombre.</p>
							</section>
								Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
			<section class="desktop-carta__section" id="carta-camaras-de-video-vigilancia">
				<div class="desktop-carta__intro">
					<div><p class="desktop-carta__eyebrow">Carta / <span>CÁMARAS DE VIDEO VIGILANCIA</span></p><h1 class="desktop-carta__title">CÁMARAS DE VIDEO VIGILANCIA</h1><p class="desktop-carta__lead">Explora nuestra selección y consulta disponibilidad en el local.</p></div>
					<aside class="desktop-carta__note"><strong>Carta online</strong><span>Fieles a la tradición, plato a plato.</span></aside>
				</div>
								<p class="desktop-carta__empty">No encontramos platos con ese nombre.</p>
															Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		</section>
								Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
			<section class="desktop-carta__section" id="carta-cctv-ip">
				<div class="desktop-carta__intro">
					<div><p class="desktop-carta__eyebrow">Carta / <span>CCTV IP</span></p><h1 class="desktop-carta__title">CCTV IP</h1><p class="desktop-carta__lead">Explora nuestra selección y consulta disponibilidad en el local.</p></div>
					<aside class="desktop-carta__note"><strong>Carta online</strong><span>Fieles a la tradición, plato a plato.</span></aside>
				</div>
								<p class="desktop-carta__empty">No encontramos platos con ese nombre.</p>
															Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																	Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		</section>
								Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
			<section class="desktop-carta__section" id="carta-ezviz">
				<div class="desktop-carta__intro">
					<div><p class="desktop-carta__eyebrow">Carta / <span>EZVIZ</span></p><h1 class="desktop-carta__title">EZVIZ</h1><p class="desktop-carta__lead">Explora nuestra selección y consulta disponibilidad en el local.</p></div>
					<aside class="desktop-carta__note"><strong>Carta online</strong><span>Fieles a la tradición, plato a plato.</span></aside>
				</div>
								<p class="desktop-carta__empty">No encontramos platos con ese nombre.</p>
							</section>
								Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
			<section class="desktop-carta__section" id="carta-disco-duro">
				<div class="desktop-carta__intro">
					<div><p class="desktop-carta__eyebrow">Carta / <span>DISCO DURO</span></p><h1 class="desktop-carta__title">DISCO DURO</h1><p class="desktop-carta__lead">Explora nuestra selección y consulta disponibilidad en el local.</p></div>
					<aside class="desktop-carta__note"><strong>Carta online</strong><span>Fieles a la tradición, plato a plato.</span></aside>
				</div>
								<p class="desktop-carta__empty">No encontramos platos con ese nombre.</p>
							</section>
								Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
			<section class="desktop-carta__section" id="carta-alarmas-de-intrusion">
				<div class="desktop-carta__intro">
					<div><p class="desktop-carta__eyebrow">Carta / <span>ALARMAS DE INTRUSION</span></p><h1 class="desktop-carta__title">ALARMAS DE INTRUSION</h1><p class="desktop-carta__lead">Explora nuestra selección y consulta disponibilidad en el local.</p></div>
					<aside class="desktop-carta__note"><strong>Carta online</strong><span>Fieles a la tradición, plato a plato.</span></aside>
				</div>
								<p class="desktop-carta__empty">No encontramos platos con ese nombre.</p>
							</section>
								Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
			<section class="desktop-carta__section" id="carta-alarma-deteccion-de-incendio">
				<div class="desktop-carta__intro">
					<div><p class="desktop-carta__eyebrow">Carta / <span>ALARMA DETECCION DE INCENDIO</span></p><h1 class="desktop-carta__title">ALARMA DETECCION DE INCENDIO</h1><p class="desktop-carta__lead">Explora nuestra selección y consulta disponibilidad en el local.</p></div>
					<aside class="desktop-carta__note"><strong>Carta online</strong><span>Fieles a la tradición, plato a plato.</span></aside>
				</div>
								<p class="desktop-carta__empty">No encontramos platos con ese nombre.</p>
							</section>
								Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
			<section class="desktop-carta__section" id="carta-videoporteros">
				<div class="desktop-carta__intro">
					<div><p class="desktop-carta__eyebrow">Carta / <span>VIDEOPORTEROS</span></p><h1 class="desktop-carta__title">VIDEOPORTEROS</h1><p class="desktop-carta__lead">Explora nuestra selección y consulta disponibilidad en el local.</p></div>
					<aside class="desktop-carta__note"><strong>Carta online</strong><span>Fieles a la tradición, plato a plato.</span></aside>
				</div>
								<p class="desktop-carta__empty">No encontramos platos con ese nombre.</p>
							</section>
								Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
			<section class="desktop-carta__section" id="carta-control-de-asistencia">
				<div class="desktop-carta__intro">
					<div><p class="desktop-carta__eyebrow">Carta / <span>CONTROL DE ASISTENCIA</span></p><h1 class="desktop-carta__title">CONTROL DE ASISTENCIA</h1><p class="desktop-carta__lead">Explora nuestra selección y consulta disponibilidad en el local.</p></div>
					<aside class="desktop-carta__note"><strong>Carta online</strong><span>Fieles a la tradición, plato a plato.</span></aside>
				</div>
								<p class="desktop-carta__empty">No encontramos platos con ese nombre.</p>
							</section>
						</main>
</div>
<div class="breadcumbs"></div>
<script>
document.addEventListener('DOMContentLoaded', function () {
    var menu = document.querySelector('.desktop-carta');
    if (!menu) return;
    var links = menu.querySelectorAll('[data-desktop-carta-target]');
    var sections = menu.querySelectorAll('.desktop-carta__section');
    var search = menu.querySelector('[data-desktop-carta-search]');
    var activeTarget = links.length ? links[0].getAttribute('data-desktop-carta-target') : '';
    function activate(targetId) {
        activeTarget = targetId;
        sections.forEach(function (section) { section.classList.toggle('is-active', section.id === targetId); });
        links.forEach(function (link) { link.classList.toggle('is-active', link.getAttribute('data-desktop-carta-target') === targetId); });
    }
    if (links.length) activate(links[0].getAttribute('data-desktop-carta-target'));
    links.forEach(function (link) {
        link.addEventListener('click', function (event) {
            if (window.innerWidth < 1024) return;
            event.preventDefault();
            if (search) search.value = '';
            sections.forEach(function (section) {
                section.classList.remove('is-empty');
                section.querySelectorAll('.desktop-carta__item').forEach(function (item) { item.classList.remove('is-filtered-out'); });
            });
            activate(link.getAttribute('data-desktop-carta-target'));
            window.scrollTo({ top: 0, behavior: 'smooth' });
        });
    });
    if (search) search.addEventListener('input', function () {
        var term = search.value.trim().toLocaleLowerCase('es');
        if (!term) { activate(activeTarget); sections.forEach(function (section) { section.classList.remove('is-empty'); section.querySelectorAll('.desktop-carta__item').forEach(function (item) { item.classList.remove('is-filtered-out'); }); }); return; }
        links.forEach(function (link) { link.classList.remove('is-active'); });
        sections.forEach(function (section) {
            var matches = 0;
            section.querySelectorAll('.desktop-carta__item').forEach(function (item) {
                var match = item.textContent.toLocaleLowerCase('es').indexOf(term) !== -1;
                item.classList.toggle('is-filtered-out', !match);
                if (match) matches++;
            });
            section.classList.toggle('is-active', matches > 0);
            section.classList.toggle('is-empty', matches === 0);
        });
    });
});
</script>
<article class="col-main">
	<div class="std" style="background-color: #e4e3de !important;">
		<div class="content-tabnav">
			<div class="desktop-menu-brand">
				<a href="/" aria-label="Qasta, carta online"><img src="qasta-logo2.svg" alt="Qasta"></a>
				<span>Fieles a la tradición</span>
			</div>
			<ul class="nav-categories tabbernav" style="background: #e4e3de !important;">
																		<li class="item-cat tab28">
						<a  class="ic_piqueos  selected "  id="tab-category-17"  title="tab" href="#kits---ofertas">KITS - OFERTAS</a>
						<div class="arrow">&nbsp;</div>
					</li>
																			<li class="item-cat tab33">
						<a  class="ic_piqueos "  id="tab-category-17"  title="tab" href="#soluciones-termicas">SOLUCIONES TERMICAS</a>
						<div class="arrow">&nbsp;</div>
					</li>
																			<li class="item-cat tab4">
						<a  class="ic_piqueos "  id="tab-category-17"  title="tab" href="#camaras-de-video-vigilancia">CÁMARAS DE VIDEO VIGILANCIA</a>
						<div class="arrow">&nbsp;</div>
					</li>
																			<li class="item-cat tab13">
						<a  class="ic_piqueos "  id="tab-category-17"  title="tab" href="#cctv-ip">CCTV IP</a>
						<div class="arrow">&nbsp;</div>
					</li>
																			<li class="item-cat tab14">
						<a  class="ic_piqueos "  id="tab-category-17"  title="tab" href="#ezviz">EZVIZ</a>
						<div class="arrow">&nbsp;</div>
					</li>
																			<li class="item-cat tab26">
						<a  class="ic_piqueos "  id="tab-category-17"  title="tab" href="#disco-duro">DISCO DURO</a>
						<div class="arrow">&nbsp;</div>
					</li>
																			<li class="item-cat tab15">
						<a  class="ic_piqueos "  id="tab-category-17"  title="tab" href="#alarmas-de-intrusion">ALARMAS DE INTRUSION</a>
						<div class="arrow">&nbsp;</div>
					</li>
																			<li class="item-cat tab16">
						<a  class="ic_piqueos "  id="tab-category-17"  title="tab" href="#alarma-deteccion-de-incendio">ALARMA DETECCION DE INCENDIO</a>
						<div class="arrow">&nbsp;</div>
					</li>
																			<li class="item-cat tab17">
						<a  class="ic_piqueos "  id="tab-category-17"  title="tab" href="#videoporteros">VIDEOPORTEROS</a>
						<div class="arrow">&nbsp;</div>
					</li>
																			<li class="item-cat tab18">
						<a  class="ic_piqueos "  id="tab-category-17"  title="tab" href="#control-de-asistencia">CONTROL DE ASISTENCIA</a>
						<div class="arrow">&nbsp;</div>
					</li>
												</ul>
							<img class="qasta-logo" src="arrastra4.svg" alt="QASTA">
						<div class="desktop-menu-note">
				<a href="https://wa.me/51954943337?text=Hola%20quiero%20consultar%20por%20delivery." target="_blank" rel="noopener">Delivery</a>
				<a href="https://wa.me/51954943337?text=Hola%20quiero%20realizar%20una%20reserva." target="_blank" rel="noopener">Reserva</a>
			</div>

		</div>




   



		<div class="tabberlive max-container">
			<div class="main-container-location" >
				<div class="tabs">
																							Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		<div id="kits---ofertas" class="tab" style="display: true;">
							<div class="category-products">
													<ul class="products-grid" id="home-grid" style="background-color: #e4e3de !important;">

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 20px;padding-top: 50px;"><h4 style="font-size: 30px;"><span style="color:#485e37;">Carta</span></h4></div>

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">KITS - OFERTAS</span></h4></div>

									<div class="row" style="margin-right: unset;margin-left: unset;">
																			</div>

																	</ul>
								<span style="display: none; visibility: hidden;" class="grid_default_width"></span>
							</div>
						</div>
																							Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		<div id="soluciones-termicas" class="tab" style="display: true;">
							<div class="category-products">
													<ul class="products-grid" id="home-grid" style="background-color: #e4e3de !important;">

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 20px;padding-top: 50px;"><h4 style="font-size: 30px;"><span style="color:#485e37;">Carta</span></h4></div>

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">SOLUCIONES TERMICAS</span></h4></div>

									<div class="row" style="margin-right: unset;margin-left: unset;">
																			</div>

																	</ul>
								<span style="display: none; visibility: hidden;" class="grid_default_width"></span>
							</div>
						</div>
																							Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		<div id="camaras-de-video-vigilancia" class="tab" style="display: true;">
							<div class="category-products">
													<ul class="products-grid" id="home-grid" style="background-color: #e4e3de !important;">

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 20px;padding-top: 50px;"><h4 style="font-size: 30px;"><span style="color:#485e37;">Carta</span></h4></div>

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">CÁMARAS DE VIDEO VIGILANCIA</span></h4></div>

									<div class="row" style="margin-right: unset;margin-left: unset;">
																			</div>

																																									<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">GRABADOR DVR</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">CAMARAS HD720P -1MP</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">CAMARAS HD1080P - 2MP</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">CAMARAS 4MP</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">CAMARAS 5MP</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">CAMARAS 4K - 8MP</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">CAMARAS DOMO PTZ</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">SOLUCION POC</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">GRABADOR NVR</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">CAMARAS IP</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">DISCO DURO</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">ACCESORIOS</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																											</ul>
								<span style="display: none; visibility: hidden;" class="grid_default_width"></span>
							</div>
						</div>
																							Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		<div id="cctv-ip" class="tab" style="display: true;">
							<div class="category-products">
													<ul class="products-grid" id="home-grid" style="background-color: #e4e3de !important;">

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 20px;padding-top: 50px;"><h4 style="font-size: 30px;"><span style="color:#485e37;">Carta</span></h4></div>

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">CCTV IP</span></h4></div>

									<div class="row" style="margin-right: unset;margin-left: unset;">
																			</div>

																																									<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">CAMARAS IP</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																																<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">GRABADOR NVR</span></h4></div>

																						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'

											

											
																											</ul>
								<span style="display: none; visibility: hidden;" class="grid_default_width"></span>
							</div>
						</div>
																							Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		<div id="ezviz" class="tab" style="display: true;">
							<div class="category-products">
													<ul class="products-grid" id="home-grid" style="background-color: #e4e3de !important;">

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 20px;padding-top: 50px;"><h4 style="font-size: 30px;"><span style="color:#485e37;">Carta</span></h4></div>

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">EZVIZ</span></h4></div>

									<div class="row" style="margin-right: unset;margin-left: unset;">
																			</div>

																	</ul>
								<span style="display: none; visibility: hidden;" class="grid_default_width"></span>
							</div>
						</div>
																							Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		<div id="disco-duro" class="tab" style="display: true;">
							<div class="category-products">
													<ul class="products-grid" id="home-grid" style="background-color: #e4e3de !important;">

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 20px;padding-top: 50px;"><h4 style="font-size: 30px;"><span style="color:#485e37;">Carta</span></h4></div>

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">DISCO DURO</span></h4></div>

									<div class="row" style="margin-right: unset;margin-left: unset;">
																			</div>

																	</ul>
								<span style="display: none; visibility: hidden;" class="grid_default_width"></span>
							</div>
						</div>
																							Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		<div id="alarmas-de-intrusion" class="tab" style="display: true;">
							<div class="category-products">
													<ul class="products-grid" id="home-grid" style="background-color: #e4e3de !important;">

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 20px;padding-top: 50px;"><h4 style="font-size: 30px;"><span style="color:#485e37;">Carta</span></h4></div>

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">ALARMAS DE INTRUSION</span></h4></div>

									<div class="row" style="margin-right: unset;margin-left: unset;">
																			</div>

																	</ul>
								<span style="display: none; visibility: hidden;" class="grid_default_width"></span>
							</div>
						</div>
																							Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		<div id="alarma-deteccion-de-incendio" class="tab" style="display: true;">
							<div class="category-products">
													<ul class="products-grid" id="home-grid" style="background-color: #e4e3de !important;">

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 20px;padding-top: 50px;"><h4 style="font-size: 30px;"><span style="color:#485e37;">Carta</span></h4></div>

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">ALARMA DETECCION DE INCENDIO</span></h4></div>

									<div class="row" style="margin-right: unset;margin-left: unset;">
																			</div>

																	</ul>
								<span style="display: none; visibility: hidden;" class="grid_default_width"></span>
							</div>
						</div>
																							Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		<div id="videoporteros" class="tab" style="display: true;">
							<div class="category-products">
													<ul class="products-grid" id="home-grid" style="background-color: #e4e3de !important;">

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 20px;padding-top: 50px;"><h4 style="font-size: 30px;"><span style="color:#485e37;">Carta</span></h4></div>

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">VIDEOPORTEROS</span></h4></div>

									<div class="row" style="margin-right: unset;margin-left: unset;">
																			</div>

																	</ul>
								<span style="display: none; visibility: hidden;" class="grid_default_width"></span>
							</div>
						</div>
																							Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
						Excepción capturada: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'dx.tipo' in 'field list'
																		<div id="control-de-asistencia" class="tab" style="display: true;">
							<div class="category-products">
													<ul class="products-grid" id="home-grid" style="background-color: #e4e3de !important;">

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 20px;padding-top: 50px;"><h4 style="font-size: 30px;"><span style="color:#485e37;">Carta</span></h4></div>

								<div style="font-family: 'Qasta', sans-serif;text-align: center !important;margin-top: 0px;margin-bottom: 30px;padding-top: 45px;"><h4 style="font-size: 23px;"><span style="color:#485e37;">CONTROL DE ASISTENCIA</span></h4></div>

									<div class="row" style="margin-right: unset;margin-left: unset;">
																			</div>

																	</ul>
								<span style="display: none; visibility: hidden;" class="grid_default_width"></span>
							</div>
						</div>
									</div>
			</div>
			<div class="widget widget-static-block"></div>
		</div>
	</div>
</article>
                    </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>
        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>