
<!-- Modal info template -->
<div class="modal fade" id="modalRecomendaciones" tabindex="-1" role="dialog" aria-labelledby="modalRecomendaciones">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="text-center">
                  <img src="assets/img/menu_personalizado/recomendaciones.png" class="img-responsive-custom"/>
                    <h2>RECOMENDACIONES</h2>
                </div>

                <div class="content text-justify padding-content-modal">


                    {#BLOQUE DESAYUNO #}
                    <div class="solid-box bg-color-menu-personalizado">DESAYUNO </div></br>

                    {#intro#}
                    {{ menu.recBreakfastBase|raw }}

                    {#opciones#}
                    {{ menu.recBreakfastExt|raw }}


                    {#BLOQUE MEDIA MAÑANA#}
                    <div class="solid-box bg-color-menu-personalizado">MEDIA MAÑANA</div></br>

                    {#intro#}
                    {{ menu.recMorningBase|raw }}
                    {#optiones#}
                    {{ menu.recMorningExt|raw }}

                    {#BLOQUE MERIENDA#}
                    <div class="solid-box bg-color-menu-personalizado">MERIENDA </div></br>

                    {#intro#}
                    {{ menu.recAfternoonBase|raw }}
                    {#opciones#}
                    {{ menu.recAfternoonExt|raw }}

                    {#Bloque Consejos genneral#}
                    <div class="solid-box bg-color-menu-personalizado">CONSEJOS GENERALES</div></br>

                    {#intro#}
                    {{ menu.rec1GeneralBase|raw }}
                    {#opciones#}
                    {{ menu.recGeneralExt|raw }}

                </div>

            </div>

        </div>
    </div>
</div>