{HEADER}



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

<style>

    .section-dishes .menu-diario .rectangle-1 {

        top: 0px;

    }



    .section-dishes .menu-diario .rectangle-2 {

        top: 0px;

    }



    .section-dishes .menu-diario .rectangle-3 {

        top: 0px;

    }



    .section-welcome-menu {

        background-image: url(/assets2/images/menu/bg-welcome.jpg);

    }



    .section-dishes .menu-diario .cards-menu-diario .card .card-text.sinPrice {

        color: #4F4F4F;

        font-size: 20px;

        line-height: 23px;

    }

</style>

<main>

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

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

            <div class="container">

                <div class="row text-menu">

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

                        <p class="title-menu wow fadeInUp">{MENU_TITLE}</p>

                    </div>

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

                        <p class="mb-0 wow fadeInUp">{MENU_DESC}</p>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="section-dishes">

        <div class="container">



            {MENUSELECTOR}



            <section id="divMenusPlatos" class="pt-3">

                {MENUSPLATOS}

            </section>



        </div>

    </div>



    <div class="section-form py-5" style="background-image: url(assets/images/menu/bg-form.png);">

        <img class="miselaneo" src="assets/images/menu/img-form.png" alt="Miselaneo">

        <div id="divMenupersonalizado" class="container">

            <h2 class="">¿Necesitas un menú personalizado?</h2>

            <form id="frmMenupersonalizado" class="">

                <div class="row">

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

                        <input type="text" class="form-control" name="info[name]" id="name"

                            placeholder="Nombre y Apellidos" required="">

                    </div>

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

                        <input type="email" class="form-control" name="info[email]" id="email" placeholder="Email"

                            required="">

                    </div>

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

                        <input type="text" class="form-control" name="info[comen]" id="comensales"

                            placeholder="Número de comensales" required="">

                    </div>

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

                        <input type="text" class="form-control" name="info[phone]" id="telefono"

                            placeholder="Teléfono de contacto" required="">

                    </div>

                    <div class="col-12 mt-3">

                        <textarea class="form-control" name="info[texto]" id="observaciones" placeholder="Observaciones"

                            rows="5" required=""></textarea>

                    </div>

                    <div class="col-12 mt-2">

                        <p style="font-size: 10px; line-height: 12px;">

                            En cumplimiento de lo establecido en el RGPD y la LOPD-GDD, le informamos de que los datos

                            personales recabados por La Cocina de Medialuna mediante este formulario quedarán

                            incorporados y serán tratados en nuestro ficheros con el fin de poder realizar

                            nuestros servicios, así como informarle en el futuro sobre ellos.

                        </p>

                    </div>

                    <div class="col-12 mb-2" style="text-align: left;">

                        <div class="form-check">

                            <input class="form-check-input btn-outline-success checkmark" type="checkbox"

                                name="info[acepto]" value="ok" id="i_acepto" style="float: none;">

                            <label class="form-check-label" for="i_acepto" style="color: #4f4f4f;">

                                Acepto <a href="/politicadeprivacidad" target="_blank" rel="noopener noreferrer"

                                    style="color: #4f4f4f;"><u>política de privacidad</u></a> y <a

                                    href="/terminosycondiciones" target="_blank" rel="noopener noreferrer"

                                    style="color: #4f4f4f;"><u>términos y condiciones</u></a>

                            </label>

                        </div>

                    </div>

                    <div class="col-12 col-sm-6 offset-sm-6 col-md-4 offset-md-8 col-lg-3 offset-lg-9 mt-3">

                        <a href="#!" onclick="run('menupersonalizado','Menupersonalizado','Menupersonalizado')"

                            type="button"

                            class="btn btn-custom btn-rounded btn-blue-white btn-center-out w-100 pe-5 ps-5">

                            <svg xmlns="http://www.w3.org/2000/svg" class="svg-inline--fa fa-user-alt fa-w-16"

                                fill="none" viewBox="0 0 24 24" stroke="currentColor">

                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"

                                    d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />

                            </svg> Enviar

                        </a>

                    </div>

                </div>

            </form>

        </div>

    </div>

    <style>

        .checkmark:hover {

            background-color: #88D4C9;

        }



        .checkmark:checked {

            background-color: #88D4C9;

            border-color: #88D4C9;

        }

    </style>



    {FOOTER} {SHOPPING}



</main>