:root {
	--haku-pink: #ef3c8f;
	--haku-pink-dark: #d82e79;
	--haku-ink: #171743;
	--haku-muted: #596079;
	--haku-soft: #fff0f7;
	--haku-shadow: 0 18px 45px rgba(35, 31, 72, 0.13);
}

body.haku-viajes-template,
body.haku-viaje-single-template {
	margin: 0;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 68%, #fff3f9 100%);
	color: var(--haku-ink);
	font-family: "Montserrat", "Poppins", Arial, sans-serif;
}

.haku-viajes *, .haku-single-trip * { box-sizing: border-box; }
.haku-viajes a, .haku-single-trip a { text-decoration: none; }

/* Listings */
.haku-viajes-hero {
	position: relative;
	padding: 72px 24px 92px;
	text-align: center;
	overflow: hidden;
	background: linear-gradient(135deg, #eef8ff 0%, #fff7fb 52%, #ffe6f2 100%);
}
.haku-viajes-hero::before, .haku-trip-hero::before {
	content: "";
	position: absolute;
	left: max(22px, calc(50% - 620px));
	top: 58px;
	width: 220px;
	height: 110px;
	border: 2px dashed rgba(239, 60, 143, 0.55);
	border-color: rgba(239, 60, 143, 0.55) transparent transparent rgba(239, 60, 143, 0.55);
	border-radius: 50%;
	transform: rotate(-14deg);
}
.haku-viajes-hero h1 {
	margin: 12px auto;
	max-width: 820px;
	color: #202257;
	font-family: "Comic Sans MS", "Trebuchet MS", cursive;
	font-size: clamp(42px, 6vw, 66px);
	line-height: 1.02;
}
.haku-viajes-hero p { margin: 0; color: #444b68; font-size: 20px; }
.haku-filter-section { position: relative; z-index: 3; width: min(1180px, calc(100% - 48px)); margin: -48px auto 0; }
.haku-filter-box { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 18px; align-items: end; margin: 0; padding: 34px; background: linear-gradient(90deg, rgba(255, 240, 247, 0.72), rgba(255,255,255,.94) 32%), #fff; border: 1px solid rgba(239,60,143,.08); border-radius: 22px; box-shadow: var(--haku-shadow); text-align: left; }
.haku-filter-box label { display: grid; gap: 9px; min-width: 0; font-size: 14px; font-weight: 900; }
.haku-filter-box input, .haku-filter-box select { width: 100%; height: 48px; border: 1px solid #d8dbe6; border-radius: 10px; background: #fff; color: var(--haku-ink); font: inherit; padding: 0 14px; }
.haku-filter-box button, .haku-travel-card-footer a, .haku-whatsapp-button, .haku-secondary-button, .haku-reserve-box button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; border: 0; border-radius: 999px; background: var(--haku-pink); color: #fff; font: inherit; font-weight: 900; cursor: pointer; }
.haku-filter-box button { min-width: 170px; width: 100%; }
.haku-secondary-button { padding: 0 24px; background: #fff; color: var(--haku-pink); border: 2px solid var(--haku-pink); }
.haku-travel-results { width: min(1180px, calc(100% - 48px)); margin: 64px auto 70px; }
.haku-travel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.haku-travel-card { overflow: hidden; background: #fff; border: 1px solid rgba(239,60,143,.1); border-radius: 20px; box-shadow: var(--haku-shadow); transition: transform 180ms ease, box-shadow 180ms ease; }
.haku-travel-card:hover { transform: translateY(-5px); box-shadow: 0 22px 54px rgba(35,31,72,.18); }
.haku-travel-image { display: grid; place-items: center; aspect-ratio: 16 / 10; background: linear-gradient(135deg, #dff3ff, #fff0f7); color: var(--haku-pink); font-weight: 900; }
.haku-travel-image img { width: 100%; height: 100%; object-fit: cover; }
.haku-travel-card-body { padding: 22px; }
.haku-travel-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.haku-travel-tags span { padding: 7px 10px; background: var(--haku-soft); color: var(--haku-pink); border-radius: 999px; font-size: 12px; font-weight: 900; }
.haku-travel-card h2 { margin: 0 0 10px; font-size: 23px; line-height: 1.18; }
.haku-travel-card h2 a { color: var(--haku-ink); }
.haku-travel-card p { min-height: 50px; margin: 0 0 20px; color: #454c68; line-height: 1.45; }
.haku-travel-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.haku-travel-card-footer strong { color: var(--haku-pink); }
.haku-travel-card-footer a { padding: 0 18px; font-size: 14px; }
.haku-empty-state { padding: 46px; background: #fff; border-radius: 20px; box-shadow: var(--haku-shadow); text-align: center; }

/* Single travel page */
.haku-trip-hero { position: relative; min-height: 590px; display: grid; align-items: end; overflow: hidden; color: #fff; background: #252561; isolation: isolate; }
.haku-trip-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(17,18,58,.90) 0%, rgba(24,26,68,.62) 47%, rgba(20,22,62,.20) 100%), linear-gradient(0deg, rgba(19,20,58,.6), transparent 55%), var(--haku-trip-image, linear-gradient(135deg, #5e6695, #f583b8)); background-size: cover; background-position: center; }
.haku-trip-hero-video { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.haku-trip-hero::before { z-index: 0; left: max(22px, calc(50% - 620px)); top: 86px; opacity: .85; }
.haku-trip-hero-inner { position: relative; z-index: 1; width: min(1140px, calc(100% - 48px)); margin: 0 auto; padding: 50px 0 72px; }
.haku-trip-back { display: inline-flex; margin-bottom: 68px; color: #fff; font-size: 14px; font-weight: 900; }
.haku-trip-back::before { content: "<"; margin-right: 8px; }
.haku-trip-eyebrow, .haku-section-kicker { margin: 0 0 12px; color: var(--haku-pink); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.haku-trip-hero h1 { max-width: 820px; margin: 0; color: #fff; font-family: "Comic Sans MS", "Trebuchet MS", cursive; font-size: clamp(48px, 7vw, 84px); line-height: 1.03; }
.haku-trip-location { margin: 16px 0 0; font-size: clamp(18px, 2vw, 23px); font-weight: 700; }
.haku-trip-quickfacts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.haku-trip-quickfacts span { display: grid; gap: 3px; min-width: 130px; padding: 12px 16px; border: 1px solid rgba(255,255,255,.35); border-radius: 12px; background: rgba(255,255,255,.13); backdrop-filter: blur(6px); font-size: 14px; }
.haku-trip-quickfacts b { color: #ffc2df; font-size: 11px; text-transform: uppercase; letter-spacing: .07em; }
.haku-trip-hero-cta { display: inline-flex; align-items: center; justify-content: center; min-width: 210px; min-height: 54px; margin-top: 30px; padding: 0 28px; border-radius: 999px; background: var(--haku-pink); color: #fff; font-weight: 900; box-shadow: 0 12px 30px rgba(239,60,143,.45); }
.haku-trip-body { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 42px; width: min(1140px, calc(100% - 48px)); margin: -40px auto 80px; position: relative; z-index: 2; align-items: start; }
.haku-trip-main { display: grid; gap: 25px; }
.haku-trip-intro, .haku-trip-details, .haku-trip-question, .haku-trip-summary, .haku-trip-gallery, .haku-trip-itinerary { background: #fff; border: 1px solid rgba(239,60,143,.1); border-radius: 22px; box-shadow: var(--haku-shadow); }
.haku-trip-intro { padding: 38px; }
.haku-trip-intro h2, .haku-trip-details h2, .haku-trip-question h2 { margin: 0; color: var(--haku-ink); font-family: "Comic Sans MS", "Trebuchet MS", cursive; font-size: clamp(30px, 3.2vw, 42px); line-height: 1.12; }
.haku-trip-description { margin-top: 20px; color: #454c68; font-size: 17px; line-height: 1.75; }
.haku-trip-description > :first-child { margin-top: 0; }
.haku-trip-description > :last-child { margin-bottom: 0; }
.haku-trip-reasons { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; }
.haku-trip-reasons article { min-height: 194px; padding: 24px; border-radius: 18px; background: linear-gradient(145deg, #fff2f8, #fff); border: 1px solid rgba(239,60,143,.12); }
.haku-reason-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 20px; border-radius: 50%; background: var(--haku-pink); color: #fff; font-size: 12px; font-weight: 900; }
.haku-trip-reasons h3 { margin: 0; font-size: 17px; }
.haku-trip-reasons p { margin: 8px 0 0; color: var(--haku-muted); font-size: 14px; line-height: 1.5; }
.haku-trip-details { padding: 38px; }
.haku-detail-heading { margin-bottom: 24px; }
.haku-info-columns { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.haku-info-columns > div { min-height: 180px; padding: 24px; border-radius: 16px; }
.haku-includes { background: #ecfff4; border: 1px solid #c7eed8; }
.haku-excludes { background: #fff7f9; border: 1px solid #f6d8e6; }
.haku-info-columns h3 { margin: 0 0 12px; color: var(--haku-ink); font-size: 19px; }
.haku-includes h3::before { content: "+ "; color: #218653; }
.haku-excludes h3::before { content: "- "; color: var(--haku-pink); }
.haku-info-columns p { margin: 0; color: #454c68; line-height: 1.65; }
.haku-trip-accordions { display: grid; gap: 14px; }
.haku-trip-accordions details { overflow: hidden; border: 1px solid rgba(239,60,143,.14); border-radius: 16px; background: linear-gradient(180deg, #fff 0%, #fff8fb 100%); }
.haku-trip-accordions summary { cursor: pointer; padding: 18px 20px; color: var(--haku-ink); font-weight: 950; list-style: none; }
.haku-trip-accordions summary::-webkit-details-marker { display: none; }
.haku-trip-accordions summary::after { content: "+"; float: right; color: var(--haku-pink); font-size: 22px; line-height: 1; }
.haku-trip-accordions details[open] summary::after { content: "-"; }
.haku-trip-accordions details p { margin: 0; padding: 0 20px 20px; color: #454c68; line-height: 1.7; }
.haku-trip-gallery, .haku-trip-itinerary { padding: 38px; }
.haku-trip-gallery h2, .haku-trip-itinerary h2 { margin: 0 0 22px; color: var(--haku-ink); font-family: "Comic Sans MS", "Trebuchet MS", cursive; font-size: clamp(30px, 3.2vw, 42px); line-height: 1.12; }
.haku-gallery-grid { display: grid; grid-template-columns: 1.2fr .8fr; grid-auto-rows: 160px; gap: 14px; }
.haku-gallery-grid img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 18px; box-shadow: 0 14px 28px rgba(35,31,72,.12); }
.haku-gallery-grid img:first-child { grid-row: span 2; }
.haku-trip-itinerary div { color: #454c68; font-size: 16px; line-height: 1.8; white-space: pre-line; }
.haku-trip-question { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 30px 34px; background: linear-gradient(105deg, #f5fbff, #fff4f9); }
.haku-trip-question .haku-section-kicker { margin-bottom: 8px; }
.haku-trip-question h2 { max-width: 470px; font-size: clamp(26px, 3vw, 35px); }
.haku-trip-summary { position: sticky; top: 24px; overflow: hidden; padding: 0; }
.haku-summary-top { display: flex; justify-content: space-between; padding: 14px 26px; background: #24255f; color: #fff; font-size: 13px; }
.haku-summary-top span { color: #ffc2df; font-weight: 900; }
.haku-trip-summary > h2 { margin: 25px 26px 0; font-size: 24px; line-height: 1.18; }
.haku-price { display: grid; gap: 3px; margin: 20px 26px; color: var(--haku-pink); font-size: 31px; font-weight: 900; }
.haku-price small { color: var(--haku-muted); font-size: 12px; font-weight: 700; }
.haku-summary-data { margin: 0 26px; border-top: 1px solid #f1d7e4; }
.haku-summary-data p { display: flex; justify-content: space-between; gap: 15px; margin: 0; padding: 13px 0; border-bottom: 1px solid #f1d7e4; font-size: 14px; }
.haku-summary-data span { color: var(--haku-muted); }
.haku-summary-data strong { text-align: right; }
.haku-reserve-box { display: grid; gap: 12px; margin-top: 22px; padding: 25px 26px; background: #fff8fb; border-top: 1px solid #f2d5e3; }
.haku-reserve-box h3 { margin: 0; font-size: 21px; }
.haku-reserve-box > p { margin: 0 0 4px; color: var(--haku-muted); font-size: 14px; line-height: 1.45; }
.haku-reserve-box label { display: grid; gap: 7px; font-size: 13px; font-weight: 900; }
.haku-reserve-box input { width: 100%; min-height: 46px; border: 1px solid #d8dbe6; border-radius: 10px; padding: 0 12px; background: #fff; color: var(--haku-ink); font: inherit; }
.haku-reserve-box input:focus { outline: 2px solid rgba(239,60,143,.25); border-color: var(--haku-pink); }
.haku-reserve-box button { width: 100%; min-height: 54px; margin-top: 4px; background: var(--haku-pink); font-size: 16px; box-shadow: 0 10px 20px rgba(239,60,143,.24); }
.haku-reserve-box button:disabled { background: #c7cada; color: #fff; cursor: not-allowed; box-shadow: none; }
.haku-reserve-note { margin: 0; padding: 0 26px 24px; color: var(--haku-muted); font-size: 12px; line-height: 1.45; text-align: center; }
.haku-legal-mini { margin: -6px 26px 26px; padding: 14px; border-radius: 14px; background: #fff0f7; color: var(--haku-muted); font-size: 12px; line-height: 1.5; text-align: center; }
.haku-legal-mini a { color: var(--haku-pink); font-weight: 900; text-decoration: underline; }
.haku-form-warning { padding: 12px 14px; border: 1px solid #f0c7d9; border-radius: 12px; background: #fff; color: #8b315c; font-size: 13px; font-weight: 700; line-height: 1.4; }

.haku-site-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: min(1140px, calc(100% - 48px)); margin: 0 auto 34px; padding: 26px 0 0; border-top: 1px solid rgba(239,60,143,.18); color: #25265f; font-size: 14px; font-weight: 800; }
.haku-footer-brand { line-height: 1.35; }
.haku-footer-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.haku-footer-links a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border: 1px solid rgba(239,60,143,.26); border-radius: 999px; background: #fff; color: var(--haku-pink); font-size: 13px; font-weight: 900; }

@media (max-width: 980px) {
	.haku-travel-grid, .haku-trip-body { grid-template-columns: 1fr; }
	.haku-trip-reasons { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.haku-trip-summary { position: static; max-width: 620px; width: 100%; margin: 0 auto; }
}
@media (max-width: 700px) {
	.haku-viajes-hero { padding: 52px 20px 78px; }
	.haku-filter-section, .haku-travel-results, .haku-trip-hero-inner, .haku-trip-body, .haku-site-footer { width: min(100% - 28px, 520px); }
	.haku-filter-section { margin-top: -34px; }
	.haku-filter-box { padding: 22px; gap: 14px; }
	.haku-travel-grid, .haku-info-columns, .haku-trip-reasons { grid-template-columns: 1fr; }
	.haku-travel-card-footer { align-items: stretch; flex-direction: column; }
	.haku-trip-hero { min-height: 600px; }
	.haku-trip-hero-inner { padding-bottom: 52px; }
	.haku-trip-back { margin-bottom: 50px; }
	.haku-trip-quickfacts { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
	.haku-trip-quickfacts span { min-width: 0; }
	.haku-trip-body { margin-top: -28px; gap: 26px; }
	.haku-trip-intro, .haku-trip-details { padding: 28px 22px; }
	.haku-trip-gallery, .haku-trip-itinerary { padding: 28px 22px; }
	.haku-gallery-grid { grid-template-columns: 1fr; grid-auto-rows: 190px; }
	.haku-gallery-grid img:first-child { grid-row: span 1; }
	.haku-trip-question { align-items: flex-start; flex-direction: column; padding: 28px 22px; }
	.haku-trip-question .haku-secondary-button { width: 100%; }
	.haku-site-footer { flex-direction: column; text-align: center; }
	.haku-footer-links { justify-content: center; }
}

/* Immersive visual refresh for travel listings */
.haku-viajes-hero {
	min-height: 430px;
	display: grid;
	align-content: center;
	padding: 72px 24px 108px;
	isolation: isolate;
	background:
		linear-gradient(90deg, rgba(20,22,62,.87), rgba(28,29,74,.54) 54%, rgba(26,28,67,.25)),
		url("../images/fondo-haku.png") center / cover no-repeat,
		linear-gradient(135deg, #5d6595, #f583b8);
}

.haku-viajes-hero-video {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.haku-viajes-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(20,22,62,.82), rgba(28,29,74,.54) 54%, rgba(26,28,67,.26)),
		linear-gradient(180deg, rgba(255,240,247,.15), rgba(255,255,255,.08));
	pointer-events: none;
}

.haku-viajes-hero h1,
.haku-viajes-hero p,
.haku-viajes-hero .haku-back-home {
	position: relative;
	z-index: 1;
	color: #fff;
}

.haku-viajes-hero h1 {
	max-width: 780px;
	text-shadow: 0 3px 20px rgba(13,14,44,.35);
}

.haku-viajes-hero p {
	font-weight: 600;
}

.haku-viajes-hero .haku-back-home {
	justify-self: center;
	margin-bottom: 22px;
	color: #ffd2e6;
}

.haku-filter-box {
	border: 1px solid rgba(255,255,255,.68);
	box-shadow: 0 26px 54px rgba(29,25,69,.17);
	backdrop-filter: blur(12px);
}

.haku-filter-box input:focus,
.haku-filter-box select:focus {
	border-color: var(--haku-pink);
	outline: 3px solid rgba(239,60,143,.12);
}

.haku-travel-card {
	border-radius: 18px;
}

.haku-travel-image {
	position: relative;
	overflow: hidden;
}

.haku-travel-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 58%, rgba(20,22,62,.18));
	pointer-events: none;
}

.haku-travel-image img {
	transition: transform .4s ease;
}

.haku-travel-card:hover .haku-travel-image img {
	transform: scale(1.06);
}

.haku-travel-card-body {
	padding: 24px;
}

.haku-travel-tags span {
	border: 1px solid rgba(239,60,143,.12);
}

.haku-travel-card-footer a {
	transition: background .2s ease, color .2s ease;
}

.haku-travel-card-footer a:hover {
	background: var(--haku-pink-dark);
}

.haku-pagination {
	margin: 36px auto 0;
	text-align: center;
}

.haku-pagination ul {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 9px;
	margin: 0;
	padding: 10px;
	list-style: none;
	border: 1px solid rgba(239,60,143,.12);
	border-radius: 999px;
	background: rgba(255,255,255,.88);
	box-shadow: 0 16px 36px rgba(35,31,72,.10);
}

.haku-pagination a,
.haku-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 15px;
	border-radius: 999px;
	color: var(--haku-ink);
	font-size: 14px;
	font-weight: 900;
}

.haku-pagination a:hover,
.haku-pagination .current {
	background: var(--haku-pink);
	color: #fff;
}

@media (max-width: 700px) {
	.haku-viajes-hero { min-height: 370px; padding: 64px 20px 86px; background-position: 58% center; }
	.haku-pagination ul { border-radius: 22px; }
}

.haku-empty-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
	margin-top: 24px;
}

.haku-empty-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 22px;
	border-radius: 999px;
	background: #ef3c8f;
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 14px 28px rgba(239,60,143,.22);
}

.haku-empty-actions a + a {
	background: #fff;
	color: #ef3c8f;
	border: 1px solid rgba(239,60,143,.42);
	box-shadow: none;
}
/* Remove WordPress admin-bar spacer on custom full-screen Haku pages. */
body.admin-bar.haku-viajes-template .haku-viajes,
body.admin-bar.haku-viaje-single-template .haku-single-trip {
	margin-top: -32px;
}

body.admin-bar.haku-viajes-template .haku-viajes-hero,
body.admin-bar.haku-viaje-single-template .haku-trip-hero {
	padding-top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar.haku-viajes-template .haku-viajes,
	body.admin-bar.haku-viaje-single-template .haku-single-trip {
		margin-top: -46px;
	}

	body.admin-bar.haku-viajes-template .haku-viajes-hero,
	body.admin-bar.haku-viaje-single-template .haku-trip-hero {
		padding-top: 46px;
	}
}

.haku-reserve-box textarea {
	width: 100%;
	min-height: 104px;
	border: 1px solid #d8dbe6;
	border-radius: 10px;
	padding: 12px;
	background: #fff;
	color: var(--haku-ink);
	font: inherit;
	resize: vertical;
}

.haku-reserve-box textarea:focus {
	outline: 2px solid rgba(239,60,143,.25);
	border-color: var(--haku-pink);
}

.haku-form-success {
	margin: 20px 26px 0;
	padding: 13px 15px;
	border: 1px solid #b9f2cc;
	border-radius: 12px;
	background: #e9fff1;
	color: #136c35;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.45;
}