{HEADER}



<link href="assets2/css/tienda.min.css" rel="stylesheet" />



<main>

    <div class="section-welcome-tienda">

        <div class="content-text-tienda">

            <div class="container">

                <div class="row text-tienda">

                    <div class="col-12 col-md-6 col-left">

                        <p class="title-tienda wow fadeInUp">{TIENDA_TITLE}</p>

                    </div>

                    <div class="col-12 col-md-6 col-right">

                        <p class="mb-0 wow fadeInUp">

                            {TIENDA_DESC}

                        </p>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="section-dishes">

        <div class="container">



            <div style="display: flex; flex-flow: row wrap;justify-content: space-around;">

                <style>

                    .btnlinks {

                        padding: 2px 2rem;

                        /* border: 1px solid #C4E8E4; */

                        border: none !important;

                        background-color: #FFFFFF;

                        color: #828282;

                        outline: 0;

                        cursor: pointer;

                        transition: all .3s;

                        border-top-left-radius: 5px;

                        border-top-right-radius: 5px;

                    }



                    .btnlinks:hover {

                        color: #90ccc6;

                    }



                    /* .btnlinks.active {

                        color: blue;

                    } */

                </style>



                <!--/categorias-->

                <button id="btn{ID}" class="btnlinks mb-2" onclick="openCity(event, 'Categoría{ID}')">{NOMBRE}</button>

                <!--categorias/-->

            </div>



            <hr class="hr-tab" />



            <div id="Categoría1" class="tabcontent tab-ppal">

                <div class="row content-cards-menu">

                    <!--/categoria_1-->

                    <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex align-items-stretch">

                        <div class="card text-center">

                            <div class="row">

                                <div class="col-6 col-md-12" data-bs-toggle="modal" data-bs-target="#modalPlato"

                                    onclick="run('web-plato-{ID}','ModalPlato');">

                                    <img src="/fotos/plato_{ID}.jpg" class="card-img-top" alt="plato" />

                                </div>

                                <div class="col-6 col-md-12">

                                    <div class="card-body">

                                        <h5 class="card-title"

                                            style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;">

                                            {NOMBRE}

                                        </h5>

                                        <p class="card-text">{PRECIO}€</p>

                                        <a href="javascript:void(0)" onclick="run('menu-add2-{ID}','Seleccionados')"

                                            class="btn btn-custom btn-rounded btn-blue-white btn-center-out">Añadir</a>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                    <!--categoria_1/-->

                </div>

            </div>

            <div id="Categoría2" class="tabcontent">

                <div class="row content-cards-menu">

                    <!--/categoria_2-->

                    <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex align-items-stretch">

                        <div class="card text-center">

                            <div class="row">

                                <div class="col-6 col-md-12" data-bs-toggle="modal" data-bs-target="#modalPlato"

                                    onclick="run('web-plato-{ID}','ModalPlato');">

                                    <img src="/fotos/plato_{ID}.jpg" class="card-img-top" alt="plato" />

                                </div>

                                <div class="col-6 col-md-12">

                                    <div class="card-body">

                                        <h5 class="card-title"

                                            style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;">

                                            {NOMBRE}

                                        </h5>

                                        <p class="card-text">{PRECIO}€</p>

                                        <a href="javascript:void(0)" onclick="run('menu-add2-{ID}','Seleccionados')"

                                            class="

                        btn btn-custom btn-rounded btn-blue-white btn-center-out

                      ">Añadir</a>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                    <!--categoria_2/-->

                </div>

            </div>

            <div id="Categoría3" class="tabcontent">

                <div class="row content-cards-menu">

                    <!--/categoria_3-->

                    <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex align-items-stretch">

                        <div class="card text-center">

                            <div class="row">

                                <div class="col-6 col-md-12" data-bs-toggle="modal" data-bs-target="#modalPlato"

                                    onclick="run('web-plato-{ID}','ModalPlato');">

                                    <img src="/fotos/plato_{ID}.jpg" class="card-img-top" alt="plato" />

                                </div>

                                <div class="col-6 col-md-12">

                                    <div class="card-body">

                                        <h5 class="card-title"

                                            style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;">

                                            {NOMBRE}

                                        </h5>

                                        <p class="card-text">{PRECIO}€</p>

                                        <a href="javascript:void(0)" onclick="run('menu-add2-{ID}','Seleccionados')"

                                            class="

                        btn btn-custom btn-rounded btn-blue-white btn-center-out

                      ">Añadir</a>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                    <!--categoria_3/-->

                </div>

            </div>

            <div id="Categoría4" class="tabcontent">

                <div class="row content-cards-menu">

                    <!--/categoria_4-->

                    <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex align-items-stretch">

                        <div class="card text-center">

                            <div class="row">

                                <div class="col-6 col-md-12" data-bs-toggle="modal" data-bs-target="#modalPlato"

                                    onclick="run('web-plato-{ID}','ModalPlato');">

                                    <img src="/fotos/plato_{ID}.jpg" class="card-img-top" alt="plato" />

                                </div>

                                <div class="col-6 col-md-12">

                                    <div class="card-body">

                                        <h5 class="card-title"

                                            style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;">

                                            {NOMBRE}

                                        </h5>

                                        <p class="card-text">{PRECIO}€</p>

                                        <a href="javascript:void(0)" onclick="run('menu-add2-{ID}','Seleccionados')"

                                            class="

                        btn btn-custom btn-rounded btn-blue-white btn-center-out

                      ">Añadir</a>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                    <!--categoria_4/-->

                </div>

            </div>

            <div id="Categoría5" class="tabcontent">

                <div class="row content-cards-menu">

                    <!--/categoria_5-->

                    <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex align-items-stretch">

                        <div class="card text-center">

                            <div class="row">

                                <div class="col-6 col-md-12" data-bs-toggle="modal" data-bs-target="#modalPlato"

                                    onclick="run('web-plato-{ID}','ModalPlato');">

                                    <img src="/fotos/plato_{ID}.jpg" class="card-img-top" alt="plato" />

                                </div>

                                <div class="col-6 col-md-12">

                                    <div class="card-body">

                                        <h5 class="card-title"

                                            style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;">

                                            {NOMBRE}

                                        </h5>

                                        <p class="card-text">{PRECIO}€</p>

                                        <a href="javascript:void(0)" onclick="run('menu-add2-{ID}','Seleccionados')"

                                            class="

                        btn btn-custom btn-rounded btn-blue-white btn-center-out

                      ">Añadir</a>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                    <!--categoria_5/-->

                </div>

            </div>

        </div>

    </div>



    {FOOTER} {SHOPPING}

</main>