
<!-- 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/menus_saludables/recomendaciones.png" class="img-responsive-custom"/>
                    <h2>RECOMENDACIONES</h2>
                </div>

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

                    <div class="solid-box bg-color-menus-saludables">DESAYUNO </div>

                    <br>{{ items.recBreakfastBase |raw }}<br>
                    {{ items.recBreakfastExt  |raw}}

                    <div class="solid-box bg-color-menus-saludables">MEDIA MAÑANA</div>
                    <br>{{ items.recMorningBase  |raw}}<br>
                    {{ items.recMorningExt  |raw}}

                    <div class="solid-box bg-color-menus-saludables">MERIENDA </div>
                    <br> {{ items.recAfternoonBase  |raw}}<br>{{ items.recAfternoonExt  |raw}}

                    <div class="solid-box bg-color-menus-saludables">CONSEJOS GENERALES</div>
                    <br>{{ items.recGeneralBase  |raw}}
                    <br>{{ items.recGeneralExt  |raw}}
                </div>

            </div>

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