@media (min-width: 992px) {
  #menu {
    background: rgba(73, 41, 54, 0.9);
  }
  /* home */
  /* banner */
  #banner {
    height: 88dvh;
  }

  #banner .banner-item {
    --shade: hsl(from var(--color-black) h s l / 0.4);
    background-image: linear-gradient(var(--shade), var(--shade)),
      var(--banner-d);
  }

  #banner .banner-buttons {
    flex-direction: row;
  }

  /* fim - banner */

  /* feat */
  #feat .feat-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
  }

  /* fim - feat */

  /* motel */
  #motel .motel-content {
    flex-direction: row-reverse;
    align-items: center;
  }

  #motel .motel-text {
    max-height: 382px;
    overflow-y: auto;
  }
  /* fim - motel */

  /* gastro */
  #gastro .gastro-wrap {
    padding-inline: 5%;
  }

  #gastro .gastro-content {
    position: relative;
  }

  #gastro .gastro-img {
    width: auto;
    margin: initial;
  }

  #gastro .gastro-card-infos {
    position: absolute;
    inset: auto 40px 40px auto;
    max-width: 33%;
    z-index: 1;
  }
  /* fim - gastro */

  /* discount */
  #discount .discount-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
  }

  #in-discount .in-discount-footer {
    flex-direction: row;
  }

  #in-discount .in-discount-footer > * {
    flex: 1;
  }
  #discount .discount-footer {
    justify-content: flex-end;
    align-items: flex-end;
  }
  /* fim - discount */

  /* fim - home */

  /* ------------------------------------------------------------------------------------------ */

  /* inner */
  /* inner header global */
  #in-header {
    --shade: hsl(from var(--color-black) h s l / 0.4);
    background-image: linear-gradient(var(--shade), var(--shade)),
      url(../img/in-header-d.jpg);
  }

  #in-header .in-header-wrap {
    --menu-height: 67.6px;
    padding-block: calc(64px + var(--menu-height)) 64px;
  }

  /* fim - inner header global */

  /* inner suite slider */
  #in-suite #in-suite-slider {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
  #in-suite #in-suite-slider::after {
    content: "";
  }

  #in-suite .in-suite-slider-item {
    max-width: 100%;
    aspect-ratio: unset;
  }

  #in-suite .in-suite-slider-item:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2;
  }

  #in-suite .in-suite-slider-item:nth-child(n + 6) {
    display: none;
  }
  /* fim - inner suite slider */

  /* inner suite grid */
  #in-suite #in-suite-grid-pics {
    grid-template-columns: repeat(auto-fill, minmax(min(630px, 100%), 1fr));
  }

  #in-suite #in-suite-grid-pics > *:nth-child(n) {
    grid-column: unset;
    grid-row: unset;
    display: initial;
  }
  /* fim - inner suite grid */

  /* inner items & infos */
  #in-suite #in-suite-infos {
    flex-direction: row;
  }

  #in-suite .in-suite-infos-divider {
    width: 1px;
    height: auto;
  }

  /* fim - inner items & infos */

  /* inner others suites */
  #in-suite-others .in-suite-others-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
  }
  /* fim - inner others suites */

  /* inner motel */
  #in-motel .in-motel-content {
    flex-direction: row;
    align-items: center;
  }

  #in-motel .in-motel-content:nth-child(even) {
    flex-direction: row-reverse;
  }

  #in-motel .in-motel-text {
    max-height: 382px;
    overflow-y: auto;
  }
  /* fim - inner motel */

  /* inner gastro */
  #in-gastro .in-gastro-content {
    flex-direction: row;
    align-items: center;
  }

  #in-gastro .in-gastro-content:nth-child(even) {
    flex-direction: row-reverse;
  }

  #in-gastro .in-gastro-text {
    max-height: 382px;
    overflow-y: auto;
  }
  /* fim - inner gastro */

  /* inner local */
  #in-local .in-local-content {
    flex-direction: row;
    align-items: center;
  }
  #in-local .in-local-infos {
    max-width: 33%;
    margin-left: -5%;
    padding: 40px;
  }

  /* fim - inner local */

  /* inner packages */
  #in-package .in-package-item {
    flex-direction: row;
    gap: 32px;
  }

  #in-package .in-package-slider-item {
    height: 470px;
  }

  #in-package .in-package-infos {
    height: 470px;
    justify-content: unset;
    align-items: center;
  }

  #in-package .in-package-text {
    max-height: 290px;
    overflow-y: auto;
  }
  /* fim - inner packages */

  /* fim - inner */
}
@media (min-width: 992px) and (max-width: 1364px) {
  #in-our-suites {
    grid-template-columns: repeat(auto-fit, minmax(min(500px, 100%), 1fr));
  }
  #in-discount .in-discount-content, #in-coupon .in-coupon-content {
    columns: clamp(320px, 240px + 25vw, 500px);
  }
}