{HEADER}

<div id="hero" class="d-flex align-items-end">
    <div style="margin-bottom: 50px; margin-top:5px; height: 150px; background: linear-gradient(269.29deg, rgba(255,255,255,0.85) 0%, #FFF 86%, rgba(255,255,255,0.95) 100%);" data-aos="fade-up" data-aos-delay="400">

        <div class="row">
            <div class="col-md-6 text-center align-middle" style="height: 145px;">
                <p class="scrollto roboto-thin m-0 py-4" style="color: #9CD3CD; font-size: 75px; line-height: 88px;">
                    menús</p>
            </div>
            <div class="col-md-6 text-center align-middle">
                <div style="box-sizing: border-box; height: 100px; width: 1px; border: 1px solid #808080; float: left; margin-top: 20px;">
                </div>
                <p class="scrollto roboto-light m-0 py-4 px-5" style="color: #333333; font-size: 18px; line-height: 24px; text-align: justify;">
                    Nuestros menús son elaborados cada día con productos frescos, evitando el uso de fritos y grasas. Redescubre el placer de una dieta rica y sana.
                </p>
            </div>
        </div>

    </div>
</div>

<main id="main" style="padding-top: 100px;">

    {MENUSELECTOR}

    <section id="divMenusPlatos" class="pt-3">
        {MENUSPLATOS}
    </section>

    {PERSONALIZADO}

</main>
<!-- End #main -->

{FOOTER}