.ri[data-v-2ffb05195cb65a1b] { background: var(--vb-bg, #fff);
}
.ri-wrap[data-v-2ffb05195cb65a1b] { max-width: 1180px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; text-align: start;
}
.ri-hero[data-v-2ffb05195cb65a1b] { background: linear-gradient(135deg, var(--vb-surface, #f7f6fc), #fff7e6); padding: 36px 0 40px;
}
.ri-crumbs[data-v-2ffb05195cb65a1b] { font-size: 13px; color: var(--vb-muted, #5f6b78); margin-bottom: 10px;
}
.ri-crumbs a[data-v-2ffb05195cb65a1b] { color: inherit;
}
.ri-hero h1[data-v-2ffb05195cb65a1b] { margin: 0 0 10px; font-size: clamp(30px, 5vw, 44px); line-height: 1.15; color: var(--vb-heading, #1f1b4d);
}
.ri-hero p[data-v-2ffb05195cb65a1b] { margin: 0 0 18px; max-width: 680px; font-size: 18px; line-height: 1.6; color: var(--vb-text, #334155);
}
.ri-cta[data-v-2ffb05195cb65a1b] { display: inline-flex; align-items: center; gap: 6px; padding: 11px 18px; border-radius: 12px; background: var(--vb-primary, #3b2f8f); color: var(--vb-on-primary, #fff); text-decoration: none; font-weight: 700;
}
.ri.compact[data-v-2ffb05195cb65a1b] { padding: 40px 0 8px;
}
.ri-chead[data-v-2ffb05195cb65a1b] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; margin-bottom: 4px;
}
.ri-chead h2[data-v-2ffb05195cb65a1b] { margin: 0 0 4px; font-size: clamp(24px, 3vw, 32px); color: var(--vb-heading, #1f1b4d);
}
.ri-chead p[data-v-2ffb05195cb65a1b] { margin: 0; color: var(--vb-muted, #5f6b78);
}
.ri.compact .ri-grid[data-v-2ffb05195cb65a1b] { grid-template-columns: repeat(auto-fit, minmax(280px, 360px)); justify-content: center;
}
.ri-all[data-v-2ffb05195cb65a1b] { color: var(--vb-primary, #3b2f8f); font-weight: 700; text-decoration: none;
}
.ri.compact .ri-body[data-v-2ffb05195cb65a1b] { padding-top: 16px; padding-bottom: 32px;
}
.ri-muted a[data-v-2ffb05195cb65a1b] { color: var(--vb-primary, #3b2f8f); font-weight: 700;
}
.ri-body[data-v-2ffb05195cb65a1b] { padding-top: 28px; padding-bottom: 56px; display: flex; flex-direction: column; gap: 20px;
}
.ri-muted[data-v-2ffb05195cb65a1b] { color: var(--vb-muted, #5f6b78);
}
.ri-grid[data-v-2ffb05195cb65a1b] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px;
}
.ri-card[data-v-2ffb05195cb65a1b] { display: flex; flex-direction: column; border: 1px solid var(--vb-border, #e4e1f2); border-radius: 18px; overflow: hidden; text-decoration: none; color: inherit; background: #fff; transition: transform .15s, box-shadow .15s;
}
.ri-card[data-v-2ffb05195cb65a1b]:hover { transform: translateY(-2px); box-shadow: 0 18px 40px -24px rgba(31, 27, 77, .45);
}
.ri-media[data-v-2ffb05195cb65a1b] { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--vb-surface, #f7f6fc);
}
.ri-media img[data-v-2ffb05195cb65a1b] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;
}
.ri-days[data-v-2ffb05195cb65a1b] { position: absolute; top: 12px; inset-inline-start: 12px; padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .95); color: var(--vb-heading, #1f1b4d); font-size: 12px; font-weight: 800;
}
.ri-card-body[data-v-2ffb05195cb65a1b] { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; flex: 1;
}
.ri-dest[data-v-2ffb05195cb65a1b] { color: var(--vb-primary, #3b2f8f); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em;
}
.ri-card h2[data-v-2ffb05195cb65a1b] { margin: 0; font-size: 19px; line-height: 1.3; color: var(--vb-heading, #1f1b4d);
}
.ri-card p[data-v-2ffb05195cb65a1b] { margin: 0; color: var(--vb-text, #334155); font-size: 14px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.ri-foot[data-v-2ffb05195cb65a1b] { margin-top: auto; padding-top: 8px; display: flex; justify-content: space-between; align-items: center; gap: 8px;
}
.ri-stats[data-v-2ffb05195cb65a1b] { font-size: 13px; color: var(--vb-muted, #5f6b78); white-space: nowrap;
}
.ri-guide[data-v-2ffb05195cb65a1b] { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--vb-muted, #5f6b78);
}
.ri-guide img[data-v-2ffb05195cb65a1b], .ri-guide i[data-v-2ffb05195cb65a1b] { width: 26px; height: 26px; border-radius: 50%; object-fit: cover;
}
.ri-guide i[data-v-2ffb05195cb65a1b] { display: inline-flex; align-items: center; justify-content: center; background: var(--vb-primary, #3b2f8f); color: #fff; font-style: normal; font-size: 12px;
}
.ri-more[data-v-2ffb05195cb65a1b] { align-self: center; height: 44px; padding: 0 22px; border: 1px solid var(--vb-border, #dcd8ef); border-radius: 12px; background: #fff; font: inherit; font-weight: 700; cursor: pointer; color: var(--vb-heading, #1f1b4d);
}