.rest__main {
  container-type: inline-size;

  .rest_presentacion {
    .presentacion_picture {
      img {
        width: 100%;
        /* object-fit: contain; */
        object-fit: cover;
        object-position: center;

        @container (width >= 720px) {
          height: 100%;
        }
      }
    }
    .presentacion_heattext {
      /* padding: var(--espaciado-xs); */

      .presentacion_titulo {
        font-size: var(--tamano-fuente-xl);
        font-style: italic;
        color: var(--color-headline);
        text-align: center;

        @container (width >= 720px) {
          text-align: unset;
        }
      }

      @container (width >= 720px) {
        padding: unset;
        align-self: center;
      }
    }

    @container (width >= 720px) {
      display: grid;
      grid-template-columns: 1fr 1fr;
      place-content: center;
      gap: 1rem;
    }
  }

  .rest_inf {
    .inf__container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 1rem;

      .inf__horario {
        /* background-color: red; */

        .horario__table {
          @container (width < 720px) {
            display: grid;
            place-self: center;
          }

          .dias {
            text-align: right;
          }
        }
      }
      .inf__direction {
        /* background-color: blueviolet; */
      }

      .button-modal {
        background-color: unset;
        border: none;
        .inf__reference {
          background-color: var(--color-tertiary);
        }
      }
      .inf__services {
        /* background-color: bisque; */
        color: var(--color-paragraph);
      }
      .inf__contacto {
        /* background-color: cadetblue; */

        .icon_contacto {
          display: flex;
          gap: 1em;

          .ico-back {
            background-color: rgb(230, 222, 222);
            display: grid;
            place-items: center;
            padding: 0.1em;
            border-radius: 50%;
          }

          .ico-face {
            width: 32px;
            height: 32px;
            object-fit: cover;
            object-position: center;
            display: inline-block;
            fill: hsl(217, 94%, 46%);
          }
          .ico-insta {
            width: 32px;
            height: 32px;
            object-fit: cover;
            object-position: center;
            display: inline-block;
            fill: hsl(345, 76%, 47%);
          }
          .ico-whats {
            width: 32px;
            height: 32px;
            object-fit: contain;
            object-position: center;
            display: inline-block;
            fill: hsl(142, 70%, 49%);
          }
        }
      }
      .inf__pay {
        /* background-color: violet; */
      }

      .infp {
        color: var(--color-paragraph);
        font-size: var(--tamano-fuente-base);
      }

      .inf__title {
        color: var(--color-headline);
        font-weight: 700;
      }
      .inf__ul {
        list-style: none;
      }
      .inf__direction-link {
        color: var(--color-button);
        font-size: var(--tamano-fuente-base);
        text-decoration: none;
      }
      .inf__notification {
        color: var(--color-tertiary);
      }
      .spanCP {
        color: var(--color-paragraph);
      }
      .icon-location {
        width: 24px;
        height: 24px;
        object-fit: cover;
        object-position: center;
        display: inline-block;

        fill: var(--color-tertiary);
      }
    }
  }
}