{HEADER}



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



<main>

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

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

            <div class="container">

                <div class="row text-catering">

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

                        <p class="title-catering wow fadeInUp">{CATERING_TITLE}</p>

                    </div>

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

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

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="section-dishes">

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

            {FILAS}

        </div>

    </div>

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

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

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

            <h2 class="text-blue">¿Quieres un catering a medida?</h2>

            <form id="frmCateringpersonalizado" 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="comen"

                            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="phone"

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

                    </div>

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

                        <textarea class="form-control" name="info[texto]" id="texto" 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: #dddddd;">

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

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

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

                                    style="color: #dddddd;"><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('cateringpersonalizado','Cateringpersonalizado','Cateringpersonalizado')"

                            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>