/* Skeletons de sites/destinos */

.skeleton-destinos-hero {
  padding-bottom: 24px;
  background: #fff;
}

.skeleton-destinos-hero .sk-hero-banner {
  width: 100%;
  height: 430px;
  border-radius: 0;
}

.skeleton-destinos-hero .sk-hero-controls {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 18px 0 0;
}

.skeleton-destinos-hero .sk-hero-dot {
  width: 14px;
  height: 14px;
  border-radius: 999px;
}

.skeleton-destinos-hero .sk-search-card {
  width: min(1210px, calc(100% - 30px));
  height: 150px;
  border-radius: 18px;
  margin: -55px auto 0;
}

.skeleton-destinos-content {
  padding: 48px 0 72px;
  background: #fff;
}

.skeleton-destinos-content .sk-content-title {
  width: min(520px, 70%);
  height: 36px;
  margin: 0 auto 28px;
}

.skeleton-destinos-content .sk-card-grid {
  width: min(1210px, calc(100% - 30px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.skeleton-destinos-content .sk-card {
  height: 260px;
}

.skeleton-destinos-content .sk-banner {
  width: min(1210px, calc(100% - 30px));
  height: 260px;
  margin: 32px auto 0;
}

.skeleton-destinos-low-prices {
  padding: 48px 0 72px;
  background: #fff;
}

.skeleton-destinos-low-prices .sk-low-prices-banner {
  width: min(1210px, calc(100% - 30px));
  height: 260px;
  margin: 0 auto 28px;
}

.skeleton-destinos-low-prices .sk-low-prices-inner {
  width: min(1210px, calc(100% - 30px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 28px;
}

.skeleton-destinos-low-prices .sk-low-prices-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.skeleton-destinos-low-prices .sk-low-prices-card {
  height: 180px;
}

.skeleton-destinos-low-prices .sk-low-prices-copy {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}

.skeleton-destinos-low-prices .sk-low-prices-title {
  width: 85%;
  height: 42px;
}

.skeleton-destinos-low-prices .sk-low-prices-highlight {
  width: 70%;
  height: 28px;
}

.skeleton-destinos-low-prices .sk-low-prices-text {
  width: 100%;
  height: 18px;
}

.skeleton-destinos-low-prices .sk-low-prices-text--short {
  width: 78%;
}

@media (max-width: 991px) {
  .skeleton-destinos-content .sk-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .skeleton-destinos-low-prices .sk-low-prices-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .skeleton-destinos-hero .sk-hero-banner {
    height: 280px;
  }

  .skeleton-destinos-hero .sk-search-card {
    height: 120px;
    margin-top: -35px;
  }

  .skeleton-destinos-content {
    padding-top: 32px;
  }

  .skeleton-destinos-content .sk-content-title {
    width: 85%;
  }

  .skeleton-destinos-content .sk-card-grid {
    grid-template-columns: 1fr;
  }

  .skeleton-destinos-content .sk-card,
  .skeleton-destinos-content .sk-banner {
    height: 220px;
  }

  .skeleton-destinos-low-prices {
    padding-top: 32px;
  }

  .skeleton-destinos-low-prices .sk-low-prices-banner,
  .skeleton-destinos-low-prices .sk-low-prices-card {
    height: 220px;
  }

  .skeleton-destinos-low-prices .sk-low-prices-cards {
    grid-template-columns: 1fr;
  }

  .skeleton-destinos-low-prices .sk-low-prices-title,
  .skeleton-destinos-low-prices .sk-low-prices-highlight,
  .skeleton-destinos-low-prices .sk-low-prices-text,
  .skeleton-destinos-low-prices .sk-low-prices-text--short {
    width: 100%;
  }
}