.hostel-page {
  background: linear-gradient(180deg, #f8f4ff 0%, #f3ecff 100%);
}

/* HERO */
.hostel-hero {
  padding: 90px 0;
}

.hostel-tag {
  background: rgba(111,54,205,0.1);
  padding: 8px 16px;
  border-radius: 999px;
  font-weight: 700;
  color: #6f36cd;
}

.hostel-hero h1 {
  font-size: 2.6rem;
  font-weight: 800;
  color: #43157b;
}

.hostel-hero p {
  color: #6b5b88;
  line-height: 1.8;
}

.hostel-hero-actions {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}

/* BOTÕES */
.btn-hostel-primary {
  background: linear-gradient(135deg,#6f36cd,#9b66f3);
  color: #fff;
  padding: 14px 28px;
  border-radius: 14px;
  font-weight: 700;
}

.btn-hostel-outline {
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px 28px;
  border-radius: 14px;
}

/* IMAGES */
.hostel-hero-banner img,
.hostel-dashboard-box img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 28px;
}

.hostel-hero-banner img {
  box-shadow: 0 24px 60px rgba(74,28,139,0.16);
}

/* DASHBOARD */
.hostel-dashboard {
  padding: 80px 0;
}

.hostel-dashboard-box img {
  width: 100%;
  border-radius: 24px;
}

/* CARDS */
.hostel-card,
.hostel-feature,
.hostel-list {
  background: #fff;
  padding: 24px;
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.05);
}

.hostel-list ul {
  padding-left: 20px;
}

.hostel-ai .container {
    margin-top: 20px;
}

/* CTA */
.hostel-cta {
  padding: 80px 0;
}

.hostel-cta-box {
  background: linear-gradient(135deg,#4c1b8c,#8c58eb);
  color: #fff;
  padding: 50px;
  border-radius: 24px;
}