<!-- <div (click)="switchModal()" class="backdrop" [ngStyle]="{'display':display}"></div>
 --><div
  class="modal fade"
  id="staticBackdrop"
  data-bs-backdrop="static"
  data-bs-keyboard="false"
  tabindex="-1"
  aria-labelledby="staticBackdropLabel"
  aria-hidden="true"
  role="dialog"

>
  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
    <div class="modal-content">
      <div
        class="modal-header align-items-start d-flex flex-column has-bg-dark"
      >
        <h2 class="modal-title" id="staticBackdropLabel">Restaurante gouls</h2>
        <div class="d-flex">
          <div>
            <p>3,7</p>
            <p>1345</p>
          </div>
          <div>
            <i
              ><img src="../../../../../../assets/images/svg/star.svg" alt=""
            /></i>
          </div>
          <div>
            <p>Horario</p>
            <p>1345</p>
          </div>
        </div>
        <button
          type="button"
          class="btn-close"
          data-bs-dismiss="modal"
          aria-label="Close"
          (click)="switchModal()"
        ></button>
      </div>
      <div class="modal-body">
        <div class="d-flex modal__content">
          <div>
            <h5 class="modal-title" id="staticBackdropLabel">Descripción</h5>
            <p>
              El restaurante gouls ofrece platos tradicionales con toques de
              modernidad, aprovechando los productos de la zona (excelentes
              carnes, salazones). combinandolos con nuevos sabores y texturas.
              El restaurante gouls ofrece platos tradicionales con toques de
              modernidad, aprovechando los productos de la zona (excelentes
              carnes, salazones). combinandolos con nuevos sabores y texturas.
            </p>
          </div>
          <div>
            <h5 class="modal-title" id="staticBackdropLabel">Ubicación</h5>
            <p></p>
          </div>
        </div>
        <div>
          <h1>Galeria restaurante gouls</h1>
          <div class="modal__galery">
            <div class="modal__featured">
              <img
                src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQVXDY5jHL8crqfa6z5Q9S_GIfiYqOM5bnYUg&usqp=CAU"
                alt="Image galery"
              />
            </div>
            <div class="modal__featured">
              <img
                src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQVXDY5jHL8crqfa6z5Q9S_GIfiYqOM5bnYUg&usqp=CAU"
                alt="Image galery"
              />
            </div>
            <div class="modal__featured">
              <img
                src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQVXDY5jHL8crqfa6z5Q9S_GIfiYqOM5bnYUg&usqp=CAU"
                alt="Image galery"
              />
            </div>
            <div class="modal__featured">
              <img
                src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQVXDY5jHL8crqfa6z5Q9S_GIfiYqOM5bnYUg&usqp=CAU"
                alt="Image galery"
              />
            </div>
            <div class="modal__featured">
              <img
                src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQVXDY5jHL8crqfa6z5Q9S_GIfiYqOM5bnYUg&usqp=CAU"
                alt="Image galery"
              />
            </div>
            <div class="modal__featured">
              <img
                src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQVXDY5jHL8crqfa6z5Q9S_GIfiYqOM5bnYUg&usqp=CAU"
                alt="Image galery"
              />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>