{"id":10316,"date":"2021-05-13T08:25:08","date_gmt":"2021-05-13T08:25:08","guid":{"rendered":"https:\/\/questheroes.es\/?page_id=10316"},"modified":"2026-08-05T16:00:55","modified_gmt":"2026-08-05T14:00:55","slug":"rezerwacja-online","status":"publish","type":"page","link":"https:\/\/questheroes.es\/pl\/online-booking\/","title":{"rendered":"Wszystkie \u0142odzie"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10316\" class=\"elementor elementor-10316\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-ce042d0 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"ce042d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-673a3d6 elementor-widget elementor-widget-html\" data-id=\"673a3d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root {\r\n    --gold: #DDBB85;\r\n    --gold-deep: #b8935a;\r\n    --navy: #071E33;\r\n    --navy-3: #0e304d;\r\n    --ink: #12222e;\r\n    --ivory: #f8f7f4;\r\n    --ivory-2: #f1efe9;\r\n    --cream: #f6f1e7;\r\n    --cream-60: rgba(246,241,231,0.62);\r\n    --cream-40: rgba(246,241,231,0.4);\r\n    --line-dark: rgba(246,241,231,0.1);\r\n    --line-light: rgba(18,34,46,0.12);\r\n    --serif: 'Playfair Display', serif;\r\n    --sans: 'Inter', sans-serif;\r\n    --ease: cubic-bezier(.16,1,.3,1);\r\n  }\r\n\r\n  .qh-page { font-family: var(--sans); }\r\n  .qh-page * { box-sizing: border-box; margin: 0; }\r\n  .qh-page a { text-decoration: none; color: inherit; }\r\n  .qh-page img { max-width: 100%; display: block; }\r\n  .qh-page .wrap { max-width: 1320px; margin: 0 auto; padding: 0 48px; }\r\n\r\n  .qh-page .eyebrow {\r\n    display: inline-flex; align-items: center; gap: 14px;\r\n    font-size: 11px; letter-spacing: 0.34em; font-weight: 600; color: var(--gold);\r\n    text-transform: uppercase;\r\n  }\r\n  .qh-page .eyebrow::before { content: ''; width: 36px; height: 1px; background: var(--gold); opacity: .7; }\r\n  .qh-page .light .eyebrow { color: var(--gold-deep); }\r\n  .qh-page .light .eyebrow::before { background: var(--gold-deep); }\r\n  .qh-page .h2 {\r\n    font-family: var(--sans); font-weight: 700; letter-spacing: -0.02em;\r\n    font-size: clamp(36px, 4.6vw, 58px); line-height: 1.06; color: var(--cream); margin: 22px 0 0;\r\n  }\r\n  .qh-page .h2 em { font-family: var(--serif); font-style: italic; font-weight: 500; color: var(--gold); letter-spacing: 0; }\r\n  .qh-page .light .h2 { color: var(--ink); }\r\n  .qh-page .lede { font-size: 17px; line-height: 1.75; font-weight: 300; color: var(--cream-60); max-width: 560px; }\r\n  .qh-page .light .lede { color: rgba(18,34,46,0.66); }\r\n\r\n  \/* ============ PAGE HEADER (dark) ============ *\/\r\n  .qh-page .booking-hero {\r\n    position: relative; background: var(--navy); padding: 170px 0 90px; overflow: hidden;\r\n  }\r\n  .qh-page .booking-hero video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }\r\n  .qh-page .booking-hero::before {\r\n    content: ''; position: absolute; inset: 0; z-index: 1;\r\n    background:\r\n      linear-gradient(180deg, rgba(7,30,51,0.72) 0%, rgba(7,30,51,0.55) 45%, rgba(7,30,51,0.9) 100%),\r\n      radial-gradient(ellipse at 80% 0%, rgba(221,187,133,0.1), transparent 55%);\r\n  }\r\n  .qh-page .booking-hero .wrap { position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; flex-wrap: wrap; }\r\n  .qh-page .booking-hero h1 {\r\n    font-family: var(--sans); font-weight: 800; letter-spacing: -0.025em;\r\n    font-size: clamp(40px, 5.6vw, 74px); line-height: 1.02; color: var(--cream);\r\n    margin: 22px 0 0; text-wrap: balance;\r\n  }\r\n  .qh-page .booking-hero h1 em { font-family: var(--serif); font-style: italic; font-weight: 500; color: var(--gold); }\r\n  .qh-page .booking-hero .lede { margin-top: 22px; }\r\n  .qh-page .booking-points { display: flex; flex-direction: column; gap: 14px; padding-bottom: 8px; }\r\n  .qh-page .booking-point { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 300; color: rgba(246,241,231,0.8); }\r\n  .qh-page .booking-point::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); flex-shrink: 0; }\r\n\r\n  \/* ============ BOATS (light) ============ *\/\r\n  .qh-page #boats { background: var(--ivory); padding: 100px 0 130px; }\r\n  .qh-page .cat-map-link {\r\n    display: inline-flex; align-items: center; gap: 8px; margin-top: 16px;\r\n    font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--gold-deep);\r\n    border-bottom: 1px solid rgba(184,147,90,0.4); padding-bottom: 3px;\r\n    transition: border-color .3s, color .3s;\r\n  }\r\n  .qh-page .cat-map-link:hover { color: var(--ink); border-color: var(--ink); }\r\n  .qh-page .boats-head { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-bottom: 56px; flex-wrap: wrap; }\r\n  .qh-page .boats-count { font-family: var(--serif); font-style: italic; font-size: 18px; color: rgba(18,34,46,0.55); }\r\n  .qh-page .boats-count b { font-style: normal; font-weight: 600; color: var(--gold-deep); font-size: 24px; }\r\n\r\n  .qh-page .filters-group { display: flex; flex-direction: column; gap: 10px; }\r\n  .qh-page .filters-label {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    font-size: 10.5px; letter-spacing: 0.22em; font-weight: 700; text-transform: uppercase;\r\n    color: rgba(18,34,46,0.5);\r\n  }\r\n  .qh-page .filters-label::before { content: ''; width: 22px; height: 1px; background: var(--gold-deep); opacity: .8; }\r\n  .qh-page .qh-filters { display: inline-flex; padding: 5px; background: var(--ivory-2); border: 1px solid var(--line-light); border-radius: 3px; gap: 4px; flex-wrap: wrap; }\r\n  .qh-page .qh-filter-btn {\r\n    display: flex; flex-direction: column; align-items: flex-start; gap: 5px;\r\n    padding: 13px 22px; border: none !important; background: transparent !important;\r\n    box-shadow: none !important; border-radius: 2px; text-transform: uppercase;\r\n    font-family: var(--sans); font-size: 11.5px; font-weight: 700; letter-spacing: 0.1em;\r\n    color: rgba(18,34,46,0.6) !important; cursor: pointer; transition: all .3s ease; text-align: left;\r\n    margin: 0; line-height: 1.3; min-height: 0;\r\n  }\r\n  .qh-page .qh-filter-btn .loc {\r\n    font-size: 10px; font-weight: 500; letter-spacing: 0.05em; text-transform: none;\r\n    color: rgba(18,34,46,0.45); display: inline-flex; align-items: center; gap: 5px;\r\n    transition: color .3s ease;\r\n  }\r\n  .qh-page .qh-filter-btn .loc::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--gold-deep); }\r\n  .qh-page .qh-filter-btn:hover { color: var(--ink) !important; background: transparent !important; }\r\n  .qh-page .qh-filter-btn.active, .qh-page .qh-filter-btn.active:hover { background: var(--navy) !important; color: var(--cream) !important; box-shadow: 0 6px 18px rgba(7,30,51,0.25) !important; }\r\n  .qh-page .qh-filter-btn.active .loc { color: rgba(246,241,231,0.65); }\r\n  .qh-page .qh-filter-btn.active .loc::before { background: var(--gold); }\r\n\r\n  .qh-page .boats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(330px, 100%), 1fr)); gap: 28px; }\r\n  .qh-page .boats-note { margin-top: 28px; font-size: 12.5px; font-weight: 400; color: rgba(18,34,46,0.5); font-style: italic; }\r\n  .qh-page .boat-card {\r\n    background: #fff; border: 1px solid var(--line-light); border-radius: 4px; overflow: hidden;\r\n    display: flex; flex-direction: column;\r\n    transition: transform .55s var(--ease), box-shadow .55s ease, border-color .3s;\r\n  }\r\n  .qh-page .boat-card:hover { transform: translateY(-10px); box-shadow: 0 34px 70px rgba(7,30,51,0.16); border-color: rgba(221,187,133,0.5); }\r\n  .qh-page .boat-card.hidden { display: none; }\r\n  .qh-page .boat-media { height: 240px; position: relative; background: linear-gradient(135deg, var(--navy-3), var(--navy)); display: flex; align-items: center; justify-content: center; overflow: hidden; }\r\n  .qh-page .boat-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }\r\n  .qh-page .boat-card:hover .boat-media img { transform: scale(1.06); }\r\n  .qh-page .boat-card.unavailable .boat-media img { filter: grayscale(.7); opacity: .75; }\r\n  .qh-page .badge {\r\n    position: absolute; top: 16px; left: 16px; font-size: 9.5px; font-weight: 800; letter-spacing: 0.12em;\r\n    color: var(--navy); background: var(--gold); padding: 7px 13px; border-radius: 2px;\r\n  }\r\n  .qh-page .badge-unavailable {\r\n    position: absolute; bottom: 16px; left: 16px; font-size: 9.5px; font-weight: 800; letter-spacing: 0.12em;\r\n    color: var(--cream); background: rgba(140,32,32,0.92); padding: 7px 13px; border-radius: 2px;\r\n  }\r\n  .qh-page .boat-body { padding: 32px 30px 34px; display: flex; flex-direction: column; flex: 1; }\r\n  .qh-page .boat-body h3 { font-family: var(--serif); font-size: 30px; font-weight: 600; color: var(--ink); }\r\n  .qh-page .boat-body .tagline { font-size: 13px; font-weight: 400; color: rgba(18,34,46,0.55); margin: 5px 0 24px; }\r\n  .qh-page .specs { flex: 1; }\r\n  .qh-page .spec { display: flex; justify-content: space-between; align-items: baseline; padding: 11px 0; border-top: 1px solid rgba(18,34,46,0.08); }\r\n  .qh-page .spec span:first-child { font-size: 13px; color: rgba(18,34,46,0.55); font-weight: 400; }\r\n  .qh-page .spec span:last-child { font-size: 13.5px; font-weight: 600; color: var(--ink); }\r\n  .qh-page .boat-cta {\r\n    display: flex; justify-content: center; margin-top: 26px; padding: 15px;\r\n    background: var(--navy); color: var(--cream); border-radius: 2px;\r\n    font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em;\r\n    transition: background .3s, color .3s;\r\n  }\r\n  .qh-page .boat-cta:hover { background: var(--gold); color: var(--navy); }\r\n  .qh-page .boat-cta.disabled { background: rgba(18,34,46,0.14); color: rgba(18,34,46,0.45); cursor: not-allowed; }\r\n  .qh-page .boat-cta.disabled:hover { background: rgba(18,34,46,0.14); color: rgba(18,34,46,0.45); }\r\n\r\n  .qh-page .fleet-intro { max-width: 720px; margin-bottom: 56px; }\r\n  .qh-page .fleet-intro .lede { margin-top: 22px; }\r\n  .qh-page .cat-desc {\r\n    background: #fff; border: 1px solid var(--line-light); border-radius: 4px;\r\n    padding: 26px 30px; margin-bottom: 40px;\r\n  }\r\n  .qh-page .cat-desc.hidden { display: none; }\r\n  .qh-page .cat-desc h3 { font-family: var(--serif); font-size: 22px; font-weight: 600; color: var(--ink); }\r\n  .qh-page .cat-desc p { font-size: 14.5px; line-height: 1.75; font-weight: 300; color: rgba(18,34,46,0.68); margin-top: 10px; }\r\n\r\n  \/* ============ HOW IT WORKS (dark) ============ *\/\r\n  .qh-page .how-it-works { background: var(--navy); padding: 120px 0; position: relative; overflow: hidden; }\r\n  .qh-page .how-it-works::before { content: ''; position: absolute; top: -180px; right: -180px; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle, rgba(221,187,133,0.07), transparent 65%); }\r\n  .qh-page .how-head { max-width: 680px; margin-bottom: 64px; position: relative; z-index: 1; }\r\n  .qh-page .how-grid { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; z-index: 1; }\r\n  .qh-page .how-step { padding: 8px 32px 8px 0; }\r\n  .qh-page .how-step + .how-step { border-left: 1px solid var(--line-dark); padding-left: 32px; }\r\n  .qh-page .how-num { font-family: var(--serif); font-style: italic; font-size: 34px; color: var(--gold); }\r\n  .qh-page .how-step h3 { font-size: 16.5px; font-weight: 700; color: var(--cream); margin-top: 16px; }\r\n  .qh-page .how-step p { font-size: 14px; line-height: 1.7; font-weight: 300; color: var(--cream-60); margin-top: 10px; }\r\n\r\n  \/* ============ GOOD TO KNOW (light) ============ *\/\r\n  .qh-page .good-to-know { background: var(--ivory); padding: 120px 0; }\r\n  .qh-page .gtk-head { max-width: 680px; margin-bottom: 56px; }\r\n  .qh-page .gtk-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\r\n  .qh-page .gtk-item {\r\n    background: #fff; border: 1px solid var(--line-light); border-radius: 4px;\r\n    padding: 32px 34px; position: relative; overflow: hidden;\r\n  }\r\n  .qh-page .gtk-item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--gold); }\r\n  .qh-page .gtk-item h3 { font-family: var(--serif); font-size: 22px; font-weight: 600; color: var(--ink); }\r\n  .qh-page .gtk-item p { font-size: 14.5px; line-height: 1.75; font-weight: 300; color: rgba(18,34,46,0.68); margin-top: 12px; }\r\n\r\n  \/* ============ DESTINATIONS (dark, horizontal gallery) ============ *\/\r\n  .qh-page #destinations { background: linear-gradient(180deg, #051524, var(--navy)); padding: 130px 0; position: relative; overflow: hidden; }\r\n  .qh-page .dest-head {\r\n    display: flex; align-items: flex-end; justify-content: space-between; gap: 40px;\r\n    max-width: 1320px; margin: 0 auto 64px; padding: 0 48px; flex-wrap: wrap;\r\n  }\r\n  .qh-page .dest-head .lede { margin-top: 20px; }\r\n  .qh-page .dest-boat-anim { max-width: 520px; margin: 8px 0 -18px; overflow: hidden; }\r\n  .qh-page .dest-boat-anim svg { display: block; height: 130px; }\r\n  .qh-page .dest-nav { display: flex; align-items: center; gap: 14px; }\r\n  .qh-page .dest-counter { font-family: var(--serif); font-style: italic; font-size: 17px; color: var(--cream-60); margin-right: 10px; }\r\n  .qh-page .dest-counter b { font-style: normal; font-weight: 500; color: var(--gold); font-size: 22px; }\r\n  .qh-page .dest-arrow {\r\n    width: 52px; height: 52px; border-radius: 50%; cursor: pointer;\r\n    border: 1px solid rgba(246,241,231,0.25) !important; background: transparent !important;\r\n    color: var(--cream) !important; font-size: 20px; display: flex; align-items: center; justify-content: center;\r\n    transition: border-color .3s, background .3s, color .3s; box-shadow: none !important; padding: 0; margin: 0;\r\n  }\r\n  .qh-page .dest-arrow:hover { border-color: var(--gold) !important; background: rgba(221,187,133,0.1) !important; color: var(--gold) !important; }\r\n  .qh-page .dest-track {\r\n    display: flex; gap: 26px; overflow-x: auto; scroll-snap-type: x mandatory;\r\n    padding: 0 max(48px, calc((100vw - 1320px) \/ 2 + 48px)) 28px;\r\n    scrollbar-width: none; -ms-overflow-style: none;\r\n  }\r\n  .qh-page .dest-track::-webkit-scrollbar { display: none; }\r\n  .qh-page .dest-card {\r\n    position: relative; flex: 0 0 auto; width: clamp(480px, 46vw, 680px); aspect-ratio: 16 \/ 12.5;\r\n    border-radius: 8px; overflow: hidden; scroll-snap-align: start;\r\n    background: linear-gradient(135deg, var(--navy-3), #061726);\r\n  }\r\n  .qh-page .dest-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--ease); }\r\n  .qh-page .dest-card:hover img { transform: scale(1.05); }\r\n  .qh-page .dest-card::after {\r\n    content: ''; position: absolute; inset: 0;\r\n    background: linear-gradient(180deg, rgba(4,14,24,0.08) 30%, rgba(4,14,24,0.28) 62%, rgba(4,14,24,0.85) 100%);\r\n  }\r\n  .qh-page .dest-idx {\r\n    position: absolute; top: 20px; right: 24px; z-index: 2;\r\n    font-family: var(--serif); font-style: italic; font-size: 30px; color: rgba(246,241,231,0.65);\r\n  }\r\n  .qh-page .dest-info { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 30px 34px 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }\r\n  .qh-page .dest-info h3 { font-family: var(--serif); font-size: clamp(26px, 2.4vw, 34px); font-weight: 600; color: var(--cream); line-height: 1.1; }\r\n  .qh-page .dest-info h3::after {\r\n    content: ''; display: block; width: 34px; height: 1px; background: var(--gold);\r\n    margin-top: 14px; transform: scaleX(0); transform-origin: left; transition: transform .5s var(--ease);\r\n  }\r\n  .qh-page .dest-card:hover .dest-info h3::after { transform: scaleX(1); }\r\n  .qh-page .dest-info p { font-size: 13.5px; font-weight: 300; line-height: 1.6; color: rgba(246,241,231,0.78); max-width: 240px; text-align: right; flex-shrink: 0; }\r\n  @media (max-width: 860px) {\r\n    .qh-page .dest-head { padding: 0 24px; margin-bottom: 44px; }\r\n    .qh-page .dest-track { padding: 0 24px 20px; gap: 16px; }\r\n    .qh-page .dest-card { width: 86vw; }\r\n    .qh-page .dest-info { flex-direction: column; align-items: flex-start; padding: 20px 22px; gap: 8px; }\r\n    .qh-page .dest-info p { text-align: left; max-width: none; }\r\n    .qh-page .dest-idx { font-size: 22px; top: 14px; right: 18px; }\r\n    .qh-page .dest-arrow { width: 44px; height: 44px; }\r\n    .qh-page #destinations { padding: 80px 0; }\r\n  }\r\n\r\n  \/* ============ CTA BAND ============ *\/\r\n  .qh-page .cta-band { position: relative; background: var(--cream); padding: 130px 48px; text-align: center; overflow: hidden; }\r\n  .qh-page .cta-band::before {\r\n    content: ''; position: absolute; inset: 0;\r\n    background: radial-gradient(ellipse at 50% 120%, rgba(184,147,90,0.14), transparent 60%);\r\n  }\r\n  .qh-page .cta-inner { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; }\r\n  .qh-page .cta-band h2 { font-family: var(--sans); font-weight: 800; letter-spacing: -0.025em; font-size: clamp(34px, 4.6vw, 58px); line-height: 1.06; color: var(--ink); text-wrap: balance; }\r\n  .qh-page .cta-band h2 em { font-family: var(--serif); font-style: italic; font-weight: 500; color: var(--gold-deep); }\r\n  .qh-page .cta-band .lede { margin: 24px auto 0; color: rgba(18,34,46,0.66); }\r\n  .qh-page .qh-btn {\r\n    display: inline-flex; align-items: center; gap: 12px; margin-top: 40px;\r\n    background: linear-gradient(120deg, #e6c996, var(--gold) 45%, #cfa96f);\r\n    color: var(--navy); padding: 18px 40px; border-radius: 2px;\r\n    font-size: 12.5px; font-weight: 700; letter-spacing: 0.14em;\r\n    box-shadow: 0 10px 30px rgba(221,187,133,0.28);\r\n    transition: box-shadow .35s ease, transform .35s ease;\r\n  }\r\n  .qh-page .qh-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(221,187,133,0.4); color: var(--navy); }\r\n\r\n  \/* ============ RESPONSIVE ============ *\/\r\n  @media (max-width: 860px) {\r\n    .qh-page .wrap { padding: 0 24px; }\r\n    .qh-page .booking-hero { padding: 130px 0 60px; }\r\n    .qh-page #boats { padding: 60px 0 90px; }\r\n    .qh-page .boats-head { flex-direction: column; align-items: stretch; margin-bottom: 40px; }\r\n    .qh-page .qh-filters { display: flex; width: 100%; }\r\n    .qh-page .qh-filter-btn { flex: 1; padding: 12px 14px; }\r\n    .qh-page .boat-media { height: 210px; }\r\n    .qh-page .cta-band { padding: 90px 24px; }\r\n    .qh-page .qh-btn { width: 100%; justify-content: center; }\r\n    .qh-page .how-it-works, .qh-page .good-to-know { padding: 80px 0; }\r\n    .qh-page .how-grid { grid-template-columns: 1fr; gap: 32px; }\r\n    .qh-page .how-step + .how-step { border-left: none; border-top: 1px solid var(--line-dark); padding: 32px 0 0; }\r\n    .qh-page .how-step { padding-right: 0; }\r\n    .qh-page .gtk-grid { grid-template-columns: 1fr; gap: 14px; }\r\n    .qh-page .gtk-item { padding: 24px 22px; }\r\n    .qh-page .cat-desc { padding: 20px 22px; }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .qh-page .boat-body { padding: 24px 20px 26px; }\r\n    .qh-page .boat-body h3 { font-size: 25px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"qh-page\">\r\n\r\n  <!-- PAGE HEADER -->\r\n  <header class=\"booking-hero\">\r\n    <video autoplay muted loop playsinline src=\"https:\/\/questheroes.b-cdn.net\/1-video-hero.mp4\"><\/video>\r\n    <div class=\"wrap\">\r\n      <div>\r\n        <span class=\"eyebrow\">Online Booking<\/span>\r\n        <h1>Book your boat in <em>Mallorca<\/em><\/h1>\r\n        <p class=\"lede\">The complete Quest Heroes fleet: boats with license, with captain, or no license required. Choose your boat, pick a date and set sail from Port d'Alcudia or Can Picafort.<\/p>\r\n      <\/div>\r\n      <div class=\"booking-points\">\r\n        <span class=\"booking-point\">Instant confirmation<\/span>\r\n        <span class=\"booking-point\">Free cancellation up to 48h before departure<\/span>\r\n        <span class=\"booking-point\">Safety equipment &amp; briefing included<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- BOATS -->\r\n  <section id=\"boats\" class=\"light\">\r\n    <div class=\"wrap\">\r\n      <div class=\"fleet-intro\">\r\n        <span class=\"eyebrow\">Our Fleet<\/span>\r\n        <h2 class=\"h2\">Choose your boat rental<br>in <em>Mallorca<\/em><\/h2>\r\n        <p class=\"lede\">15+ boats and tenders in the Bay of Alcudia: sport boats and yachts for licensed skippers, comfortable boats with professional captain, and easy 15HP self-drive boats that require no license at all. Every rental includes safety equipment and a full briefing before departure.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"boats-head\">\r\n        <span class=\"boats-count\"><b id=\"boatsShown\">0<\/b> boats available<\/span>\r\n        <div class=\"filters-group\">\r\n          <span class=\"filters-label\">Filter by rental type<\/span>\r\n          <div class=\"qh-filters\">\r\n          <button class=\"qh-filter-btn active\" data-filter=\"license\">WITH LICENSE <span class=\"loc\">Port d'Alcudia<\/span><\/button>\r\n          <button class=\"qh-filter-btn\" data-filter=\"skipper\">WITH CAPTAIN <span class=\"loc\">Port d'Alcudia<\/span><\/button>\r\n          <button class=\"qh-filter-btn\" data-filter=\"nolicense\">NO LICENSE <span class=\"loc\">Can Picafort<\/span><\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cat-desc\" data-cat=\"license\">\r\n        <h3>Boat rental with license in Port d'Alcudia<\/h3>\r\n        <p>If you hold a valid boating license, you can self-drive any of these boats from 40HP day-boats to the 300HP Ryck 280 sport boat. Rentals are available for 4 or 8 hours, with prices starting from 262.40 \u20ac. Fuel is paid based on consumption and a refundable deposit is required at check-in.<\/p>\r\n        <a href=\"https:\/\/maps.app.goo.gl\/9xbowhxngGcFAWME6\" target=\"_blank\" rel=\"noopener\" class=\"cat-map-link\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-5.6-7-11a7 7 0 0 1 14 0c0 5.4-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.6\"\/><\/svg>\r\n          Departure port: Port d'Alcudia \u00b7 Open in Google Maps \u2192\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"cat-desc hidden\" data-cat=\"skipper\">\r\n        <h3>Boat rental with captain in Port d'Alcudia<\/h3>\r\n        <p>No license? Book a boat with one of our professional captains and simply enjoy the day. You can add a skipper to most licensed boats for 262.40 \u20ac (8 hours), or choose the De Antonio 36 yacht and the Bavaria 39 sailing cruiser, where the captain is already included in the price.<\/p>\r\n        <a href=\"https:\/\/maps.app.goo.gl\/9xbowhxngGcFAWME6\" target=\"_blank\" rel=\"noopener\" class=\"cat-map-link\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-5.6-7-11a7 7 0 0 1 14 0c0 5.4-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.6\"\/><\/svg>\r\n          Departure port: Port d'Alcudia \u00b7 Open in Google Maps \u2192\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"cat-desc hidden\" data-cat=\"nolicense\">\r\n        <h3>No-license boat rental in Can Picafort<\/h3>\r\n        <p>Please note: Port de Alcudia does not allow non-licensed boats, so our 15HP no-license fleet departs from Can Picafort Marina, 10 km from Alcudia. These boats can be driven with no boating license after a short briefing from our team and carry 4 to 6 people perfect for families and first-time skippers exploring the Bay of Alcudia at their own pace. From 283.39 \u20ac for 4 hours.<\/p>\r\n        <a href=\"https:\/\/maps.app.goo.gl\/7ENq9kuDLRC9fpK87\" target=\"_blank\" rel=\"noopener\" class=\"cat-map-link\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-5.6-7-11a7 7 0 0 1 14 0c0 5.4-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.6\"\/><\/svg>\r\n          Departure port: Can Picafort Marina \u00b7 Open in Google Maps \u2192\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"boats-grid\" id=\"boatsGrid\"><\/div>\r\n      <p class=\"boats-note\">* Deposit reduced to 500 \u20ac for an additional 20 \u20ac fee, payable at check-in.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- HOW IT WORKS -->\r\n  <section class=\"how-it-works\">\r\n    <div class=\"wrap\">\r\n      <div class=\"how-head\">\r\n        <span class=\"eyebrow\">How It Works<\/span>\r\n        <h2 class=\"h2\">Booking your boat is <em>simple<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"how-grid\">\r\n        <div class=\"how-step\">\r\n          <span class=\"how-num\">01<\/span>\r\n          <h3>Choose your boat<\/h3>\r\n          <p>Filter the fleet by license, captain or no-license and compare capacity, prices and departure port.<\/p>\r\n        <\/div>\r\n        <div class=\"how-step\">\r\n          <span class=\"how-num\">02<\/span>\r\n          <h3>Book online or via WhatsApp<\/h3>\r\n          <p>Pick your date and duration (4 or 8 hours) and confirm your booking in a few clicks or with a quick message.<\/p>\r\n        <\/div>\r\n        <div class=\"how-step\">\r\n          <span class=\"how-num\">03<\/span>\r\n          <h3>Check-in at the marina<\/h3>\r\n          <p>Meet our team at Port d'Alcudia or Can Picafort Marina for the deposit, paperwork and a full safety briefing.<\/p>\r\n        <\/div>\r\n        <div class=\"how-step\">\r\n          <span class=\"how-num\">04<\/span>\r\n          <h3>Set sail<\/h3>\r\n          <p>Explore Coll Baix, Formentor, Alcanada Island and the hidden coves of north Mallorca at your own pace.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- GOOD TO KNOW -->\r\n  <section class=\"good-to-know light\">\r\n    <div class=\"wrap\">\r\n      <div class=\"gtk-head\">\r\n        <span class=\"eyebrow\">Good to Know<\/span>\r\n        <h2 class=\"h2\">Before you <em>book<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"gtk-grid\">\r\n        <div class=\"gtk-item\">\r\n          <h3>Deposit &amp; fuel<\/h3>\r\n          <p>A refundable security deposit (500 \u20ac to 2,000 \u20ac depending on the boat) is required at check-in. Fuel is paid separately based on actual consumption, except on the Bavaria 39 where it is included.<\/p>\r\n        <\/div>\r\n        <div class=\"gtk-item\">\r\n          <h3>What to bring<\/h3>\r\n          <p>Your boating license (for licensed rentals), a valid ID, swimwear, sunscreen and a towel. Life jackets, safety equipment and the pre-departure briefing are always included.<\/p>\r\n        <\/div>\r\n        <div class=\"gtk-item\">\r\n          <h3>Timing &amp; season<\/h3>\r\n          <p>Rentals run 7 days a week, with 4-hour and 8-hour slots. July and August are peak season: no-license boats have seasonal rates and availability fills up fast, so book a few days ahead.<\/p>\r\n        <\/div>\r\n        <div class=\"gtk-item\">\r\n          <h3>Extras on request<\/h3>\r\n          <p>Make your day on the water even better: wakeboard, SUP, seamat, donut and underwater scooter can be added to any boat rental when you book.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- DESTINATIONS -->\r\n  <section id=\"destinations\">\r\n    <div class=\"dest-head\">\r\n      <div>\r\n        <span class=\"eyebrow\">Plan Your Route<\/span>\r\n        <h2 class=\"h2\">Where will you drop<br>the <em>anchor?<\/em><\/h2>\r\n        <div class=\"dest-boat-anim\">\r\n          <svg width=\"100%\" height=\"180\" viewBox=\"0 0 800 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Barca a vela che naviga\">\r\n            <style>\r\n              .sailboat { animation: sail 9s linear infinite; }\r\n              .boat-rock { transform-box: fill-box; transform-origin: center bottom; animation: rock 2.4s ease-in-out infinite; }\r\n              .wave { stroke-dasharray: 22 14; animation: waveMove 3s linear infinite; }\r\n              @keyframes sail { 0% { transform: translateX(-190px); } 100% { transform: translateX(850px); } }\r\n              @keyframes rock { 0%, 100% { transform: rotate(-1.5deg) translateY(0); } 50% { transform: rotate(1.5deg) translateY(-3px); } }\r\n              @keyframes waveMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -72; } }\r\n              @media (prefers-reduced-motion: reduce) { .sailboat, .boat-rock, .wave { animation: none; } }\r\n            <\/style>\r\n            <g class=\"sailboat\">\r\n              <g class=\"boat-rock\" fill=\"none\" stroke=\"#ddbb85\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M40 120 Q90 145 145 120 H40Z\" \/>\r\n                <path d=\"M94 119 V35\" \/>\r\n                <path d=\"M98 40 L140 105 H98 Z\" \/>\r\n                <path d=\"M89 48 L50 105 H89 Z\" \/>\r\n                <path d=\"M94 35 L112 41 L94 47\" \/>\r\n              <\/g>\r\n            <\/g>\r\n            <path class=\"wave\" d=\"M0 145 Q30 135 60 145 T120 145 T180 145 T240 145 T300 145 T360 145 T420 145 T480 145 T540 145 T600 145 T660 145 T720 145 T800 145\" fill=\"none\" stroke=\"#ddbb85\" stroke-width=\"3\" stroke-linecap=\"round\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"lede\">Once your boat is booked, the Bay of Alcudia is yours: swim at wild beaches, anchor in quiet coves and cruise past dramatic capes that no road will ever take you to.<\/p>\r\n      <\/div>\r\n      <div class=\"dest-nav\">\r\n        <span class=\"dest-counter\"><b id=\"destCurrent\">01<\/b> \/ <span id=\"destTotal\">14<\/span><\/span>\r\n        <button class=\"dest-arrow\" id=\"destPrev\" aria-label=\"Previous destination\">\u2190<\/button>\r\n        <button class=\"dest-arrow\" id=\"destNext\" aria-label=\"Next destination\">\u2192<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"dest-track\" id=\"destTrack\"><\/div>\r\n  <\/section>\r\n\r\n  <!-- CTA BAND -->\r\n  <section class=\"cta-band\">\r\n    <div class=\"cta-inner\">\r\n      <h2>Not sure which boat is <em>right for you?<\/em><\/h2>\r\n      <p class=\"lede\" style=\"text-align:center;\">Tell us your group size and plans on WhatsApp, we'll recommend the perfect boat in minutes.<\/p>\r\n      <a href=\"https:\/\/wa.me\/34603349359\" class=\"qh-btn\">ASK US ON WHATSAPP \u2192<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  var BOATS = [\r\n    { name: 'De Antonio 36', url: 'https:\/\/questheroes.es\/de-antonio-36\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/De-Antonio-36.webp', tagline: '12 pax \u00b7 12 m \u00b7 2\u00d7350HP', tags: 'skipper', badge: 'CAPTAIN INCLUDED', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '12 pax \u00b7 12 m'], ['8 Hours', '2,309.09 \u20ac'], ['Skipper', 'Included in price'], ['Fuel', 'Not included']] },\r\n    { name: 'Bavaria 39 Cruiser', url: 'https:\/\/questheroes.es\/bavaria-39-cruiser\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/Bavaria-39-Cruiser.jpg', tagline: '7 pax \u00b7 12 m \u00b7 sailing yacht', tags: 'skipper', badge: 'CAPTAIN INCLUDED', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '7 pax \u00b7 12 m'], ['3 Hours', '500 \u20ac'], ['6 Hours', '1,000 \u20ac'], ['Skipper', 'Included in price'], ['Fuel', 'Included']] },\r\n    { name: 'Ryck 280', url: 'https:\/\/questheroes.es\/ryck-280\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/Ryck-280.jpg', tagline: '8 pax \u00b7 8.8 m \u00b7 300HP', tags: 'license,skipper', badge: 'LICENSE OR CAPTAIN', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '8 pax \u00b7 8.8 m'], ['4 Hours', '734.71 \u20ac'], ['8 Hours', '944.63 \u20ac'], ['Skipper (8h)', '262.40 \u20ac'], ['Deposit', '2,000 \u20ac'], ['Fuel', 'Not included']] },\r\n    { name: 'Abaris 23', url: 'https:\/\/questheroes.es\/abaris-23-2\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/Abaris-23.webp', tagline: '10 pax \u00b7 7.4 m \u00b7 250HP', tags: 'license,skipper', badge: 'LICENSE OR CAPTAIN', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '10 pax \u00b7 7.4 m'], ['4 Hours', '577.27 \u20ac'], ['8 Hours', '682.23 \u20ac'], ['Skipper (8h)', '262.40 \u20ac'], ['Deposit', '1,000 \u20ac'], ['Fuel', 'Not included']] },\r\n    { name: 'V2 7.0', url: 'https:\/\/questheroes.es\/v2-7-0\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/V2-7.0.webp', tagline: '8 pax \u00b7 7 m \u00b7 200HP', tags: 'license,skipper', badge: 'LICENSE OR CAPTAIN', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '8 pax \u00b7 7 m'], ['4 Hours', '503.80 \u20ac'], ['8 Hours', '577.27 \u20ac'], ['Skipper (8h)', '262.40 \u20ac'], ['Deposit', '1,000 \u20ac'], ['Fuel', 'Not included']] },\r\n    { name: 'BRIG 700', url: 'https:\/\/questheroes.es\/brig-700\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/BRIG-700.webp', tagline: '11 pax \u00b7 7 m \u00b7 175HP', tags: 'license,skipper', badge: 'LICENSE OR CAPTAIN', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '11 pax \u00b7 7 m'], ['4 Hours', '514.30 \u20ac'], ['8 Hours', '587.77 \u20ac'], ['Skipper (8h)', '262.40 \u20ac'], ['Deposit', '1,000 \u20ac'], ['Fuel', 'Not included']] },\r\n    { name: 'Axopar 22 Spyder Jobe Revolve', url: 'https:\/\/questheroes.es\/axopar-x-jobe-revolve-xxii-t-top\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/08\/Axopar-22-Spyder-Jobe-Revolve-5.jpg', tagline: '7 pax \u00b7 7 m \u00b7 200HP', tags: 'license,skipper', badge: 'LICENSE OR CAPTAIN', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '7 pax \u00b7 7 m'], ['8 Hours', 'from 590 \u20ac'], ['Skipper (8h)', '262.40 \u20ac'], ['Deposit', '1,000 \u20ac'], ['Fuel', 'Not included']] },\r\n    { name: 'Karnic 650', url: 'https:\/\/questheroes.es\/karnic-650\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/Karnic-650.jpg', tagline: '7 pax \u00b7 6.5 m \u00b7 225HP', tags: 'license,skipper', badge: 'LICENSE OR CAPTAIN', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '7 pax \u00b7 6.5 m'], ['4 Hours', '504 \u20ac'], ['8 Hours', '578 \u20ac'], ['Skipper (8h)', '262.40 \u20ac'], ['Deposit', '1,000 \u20ac'], ['Fuel', 'Not included']] },\r\n    { name: 'OceanMaster 605', url: 'https:\/\/questheroes.es\/oceanmaster605\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/OCEANMASTER-605.webp', tagline: '6 pax \u00b7 6 m \u00b7 140HP', tags: 'license,skipper', badge: 'LICENSE OR CAPTAIN', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '6 pax \u00b7 6 m'], ['4 Hours', '440.83 \u20ac'], ['8 Hours', '514.30 \u20ac'], ['Skipper (8h)', '262.40 \u20ac'], ['Deposit', '1,000 \u20ac \/ 500 \u20ac*'], ['Fuel', 'Not included']] },\r\n    { name: 'Marine Time 562', url: 'https:\/\/questheroes.es\/marine-time-562\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/Marine-Time-562.webp', tagline: '6 pax \u00b7 5.65 m \u00b7 115HP', tags: 'license', badge: 'LICENSE REQUIRED', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '6 pax \u00b7 5.65 m'], ['4 Hours', '346.36 \u20ac'], ['8 Hours', '398.84 \u20ac'], ['Deposit', '1,000 \u20ac \/ 500 \u20ac*'], ['Fuel', 'Not included']] },\r\n    { name: 'Marine Time 563', url: 'https:\/\/questheroes.es\/marine-time-563\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/Marine-Time-563.webp', tagline: '6 pax \u00b7 5.65 m \u00b7 115HP', tags: 'license', badge: 'LICENSE REQUIRED', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '6 pax \u00b7 5.65 m'], ['4 Hours', '346.36 \u20ac'], ['8 Hours', '398.84 \u20ac'], ['Deposit', '1,000 \u20ac \/ 500 \u20ac*'], ['Fuel', 'Not included']] },\r\n    { name: 'Ocean Master 40HP', url: 'https:\/\/questheroes.es\/oceanmaster-40hp\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/oceanmaster470.webp', tagline: '5 pax \u00b7 5 m \u00b7 40HP', tags: 'license', badge: 'LICENSE REQUIRED', port: \"Port d'Alcudia\",\r\n      specs: [['Capacity', '5 pax \u00b7 5 m'], ['4 Hours', '262.40 \u20ac'], ['8 Hours', '356.86 \u20ac'], ['Deposit', '500 \u20ac'], ['Fuel', 'Not included']] },\r\n    { name: 'Ocean Master 15HP', url: 'https:\/\/questheroes.es\/oceanmaster470\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/OCEAN-MASTER-15HP.webp', tagline: '5 pax \u00b7 5 m \u00b7 15HP, easy self-drive', tags: 'nolicense', badge: 'NO LICENSE', port: 'Can Picafort',\r\n      specs: [['Capacity', '5 pax \u00b7 5 m'], ['4 Hours', '283.39 \u20ac'], ['8 Hours', '356.86 \u20ac'], ['July \/ August', '304.38 \u20ac \/ 388.35 \u20ac'], ['Deposit', '500 \u20ac'], ['Fuel', 'Not included']] },\r\n    { name: 'Tiger Marine', url: 'https:\/\/questheroes.es\/tiger-marine-45\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/Tiger-Marine.webp', tagline: '4 pax \u00b7 5 m \u00b7 15HP, easy self-drive', tags: 'nolicense', badge: 'NO LICENSE', port: 'Can Picafort',\r\n      specs: [['Capacity', '4 pax \u00b7 5 m'], ['4 Hours', '283.39 \u20ac'], ['8 Hours', '356.86 \u20ac'], ['July \/ August', '304.38 \u20ac \/ 388.35 \u20ac'], ['Deposit', '500 \u20ac'], ['Fuel', 'Not included']] },\r\n    { name: 'Grand 500', url: 'https:\/\/questheroes.es\/grand-500\/', img: 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/GRAND-500.webp', tagline: '6 pax \u00b7 5 m \u00b7 15HP, easy self-drive', tags: 'nolicense', badge: 'NO LICENSE', port: 'Can Picafort',\r\n      specs: [['Capacity', '6 pax \u00b7 5 m'], ['4 Hours', '283.39 \u20ac'], ['8 Hours', '356.86 \u20ac'], ['July \/ August', '304.38 \u20ac \/ 388.35 \u20ac'], ['Deposit', '500 \u20ac'], ['Fuel', 'Not included']] }\r\n  ];\r\n\r\n  var DEST_BASE = 'https:\/\/questheroes.es\/wp-content\/uploads\/2026\/07\/';\r\n  var DESTINATIONS = [\r\n    { name: 'Alcanada Island', file: 'Alcanada-Island.jpg', text: 'Drop anchor by the lighthouse islet' },\r\n    { name: 'Coll Baix', file: 'Coll-Baix.jpg', text: 'Swim beneath soaring limestone walls' },\r\n    { name: 'Cap des Pinar', file: 'Cap-des-Pinar.jpg', text: 'Cruise along pine forests and deep blue water' },\r\n    { name: 'Cala Gosalba', file: 'Cala-Gosalba.jpg', text: 'A peaceful spot to moor and snorkel' },\r\n    { name: 'Cala Murta', file: 'Cala-Murta.jpg', text: 'Hidden pebble shore on the Formentor coast' },\r\n    { name: 'Cala Figuera', file: 'Cala-Figuera.jpg', text: 'Narrow turquoise inlet, best entered by sea' },\r\n    { name: 'Formentor Beach', file: 'Formentor-Beach.jpg', text: 'Anchor off Mallorca\u2019s most famous sand' },\r\n    { name: 'Formentor Fortress', file: 'Formentor-Fortress.jpg', text: 'Sail past centuries of coastal history' },\r\n    { name: 'Colonia de Sant Pere', file: 'Colonia-de-Sant-Pere.jpg', text: 'A quiet harbour stop with local flavour' },\r\n    { name: 'The Betlem Area', file: 'betlem-mallorca-coast.jpg', text: 'Untamed shores on the bay\u2019s southern arm' },\r\n    { name: 'Es Calo', file: 'es-calo-mallorca.jpg', text: 'Shallow, glass-clear water made for a swim stop' },\r\n    { name: 'Na Clara', file: 'Na-Clara.jpg', text: 'A secret anchorage few tourists ever find' },\r\n    { name: 'Cap Ferrutx', file: 'Cap-Ferrutx.jpg', text: 'Round the cape for unforgettable views' },\r\n    { name: 'Aubarca', file: 'Aubarca.jpg', text: 'Virgin sand you can only reach by boat' }\r\n  ];\r\n\r\n  var destTrack = document.getElementById('destTrack');\r\n  DESTINATIONS.forEach(function (d, i) {\r\n    var card = document.createElement('div');\r\n    card.className = 'dest-card';\r\n    var idx = (i + 1 < 10 ? '0' : '') + (i + 1);\r\n    card.innerHTML =\r\n      '<img decoding=\"async\" src=\"' + DEST_BASE + d.file + '\" alt=\"' + d.name + ' boat destination Mallorca\" loading=\"lazy\">' +\r\n      '<span class=\"dest-idx\">' + idx + '<\/span>' +\r\n      '<div class=\"dest-info\"><h3>' + d.name + '<\/h3><p>' + d.text + '<\/p><\/div>';\r\n    destTrack.appendChild(card);\r\n  });\r\n\r\n  document.getElementById('destTotal').textContent = DESTINATIONS.length;\r\n  var destCurrent = document.getElementById('destCurrent');\r\n  function destStep() {\r\n    var card = destTrack.querySelector('.dest-card');\r\n    return card ? card.offsetWidth + 26 : 600;\r\n  }\r\n  document.getElementById('destPrev').addEventListener('click', function () {\r\n    destTrack.scrollBy({ left: -destStep(), behavior: 'smooth' });\r\n  });\r\n  document.getElementById('destNext').addEventListener('click', function () {\r\n    destTrack.scrollBy({ left: destStep(), behavior: 'smooth' });\r\n  });\r\n  destTrack.addEventListener('scroll', function () {\r\n    var i = Math.round(destTrack.scrollLeft \/ destStep()) + 1;\r\n    if (destTrack.scrollLeft + destTrack.clientWidth >= destTrack.scrollWidth - 5) i = DESTINATIONS.length;\r\n    i = Math.min(Math.max(i, 1), DESTINATIONS.length);\r\n    destCurrent.textContent = (i < 10 ? '0' : '') + i;\r\n  }, { passive: true });\r\n\r\n  var grid = document.getElementById('boatsGrid');\r\n  BOATS.forEach(function (b) {\r\n    var card = document.createElement('article');\r\n    card.className = 'boat-card' + (b.tags.indexOf('license') === 0 ? '' : ' hidden');\r\n    card.dataset.tags = b.tags;\r\n    var specsHtml = [['Departure port', b.port]].concat(b.specs).map(function (s) {\r\n      return '<div class=\"spec\"><span>' + s[0] + '<\/span><span>' + s[1] + '<\/span><\/div>';\r\n    }).join('');\r\n    if (b.unavailable) card.classList.add('unavailable');\r\n    card.innerHTML =\r\n      '<div class=\"boat-media\">' +\r\n        '<img decoding=\"async\" src=\"' + b.img + '\" alt=\"' + b.name + ' boat rental Mallorca\" loading=\"lazy\">' +\r\n        '<span class=\"badge\">' + b.badge + '<\/span>' +\r\n        (b.unavailable ? '<span class=\"badge-unavailable\">CURRENTLY UNAVAILABLE<\/span>' : '') +\r\n      '<\/div>' +\r\n      '<div class=\"boat-body\">' +\r\n        '<h3>' + b.name + '<\/h3>' +\r\n        '<p class=\"tagline\">' + b.tagline + '<\/p>' +\r\n        '<div class=\"specs\">' + specsHtml + '<\/div>' +\r\n        (b.unavailable\r\n          ? '<span class=\"boat-cta disabled\">CURRENTLY UNAVAILABLE<\/span>'\r\n          : '<a href=\"' + b.url + '\" class=\"boat-cta\">BOOK NOW<\/a>') +\r\n      '<\/div>';\r\n    grid.appendChild(card);\r\n  });\r\n\r\n  var shown = document.getElementById('boatsShown');\r\n  function updateCount() {\r\n    shown.textContent = grid.querySelectorAll('.boat-card:not(.hidden)').length;\r\n  }\r\n  updateCount();\r\n\r\n  document.querySelectorAll('.qh-filter-btn').forEach(function (btn) {\r\n    btn.addEventListener('click', function () {\r\n      document.querySelectorAll('.qh-filter-btn').forEach(function (b) { b.classList.remove('active'); });\r\n      btn.classList.add('active');\r\n      var filter = btn.dataset.filter;\r\n      grid.querySelectorAll('.boat-card').forEach(function (card) {\r\n        card.classList.toggle('hidden', card.dataset.tags.split(',').indexOf(filter) === -1);\r\n      });\r\n      document.querySelectorAll('.cat-desc').forEach(function (d) {\r\n        d.classList.toggle('hidden', d.dataset.cat !== filter);\r\n      });\r\n      updateCount();\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Online Booking Book your boat in Mallorca The complete Quest Heroes fleet: boats with license, with captain, or no license<\/p>","protected":false},"author":4309,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-10316","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>All Boats - Quest Heroes Boat Rental Mallorca<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/questheroes.es\/pl\/rezerwacja-online\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"All Boats - Quest Heroes Boat Rental Mallorca\" \/>\n<meta property=\"og:description\" content=\"Online Booking Book your boat in Mallorca The complete Quest Heroes fleet: boats with license, with captain, or no license\" \/>\n<meta property=\"og:url\" content=\"https:\/\/questheroes.es\/pl\/rezerwacja-online\/\" \/>\n<meta property=\"og:site_name\" content=\"Quest Heroes Boat Rental Mallorca\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rentaboatmallorca\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-05T14:00:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/questheroes.es\/wp-content\/uploads\/2021\/10\/QuestHeroes-3-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"493\" \/>\n\t<meta property=\"og:image:height\" content=\"226\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"27 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/questheroes.es\\\/online-booking\\\/\",\"url\":\"https:\\\/\\\/questheroes.es\\\/online-booking\\\/\",\"name\":\"All Boats - Quest Heroes Boat Rental Mallorca\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/questheroes.es\\\/#website\"},\"datePublished\":\"2021-05-13T08:25:08+00:00\",\"dateModified\":\"2026-08-05T14:00:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/questheroes.es\\\/online-booking\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/questheroes.es\\\/online-booking\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/questheroes.es\\\/online-booking\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/questheroes.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"All Boats\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/questheroes.es\\\/#website\",\"url\":\"https:\\\/\\\/questheroes.es\\\/\",\"name\":\"Quest Heroes Boat Rental Mallorca\",\"description\":\"Rent a Boat In Mallorca\",\"publisher\":{\"@id\":\"https:\\\/\\\/questheroes.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/questheroes.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/questheroes.es\\\/#organization\",\"name\":\"Quest Heroes Boat Rental Mallorca\",\"url\":\"https:\\\/\\\/questheroes.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/questheroes.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/questheroes.es\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/QuestHeroes-3-1.png\",\"contentUrl\":\"https:\\\/\\\/questheroes.es\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/QuestHeroes-3-1.png\",\"width\":493,\"height\":226,\"caption\":\"Quest Heroes Boat Rental Mallorca\"},\"image\":{\"@id\":\"https:\\\/\\\/questheroes.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/rentaboatmallorca\",\"https:\\\/\\\/instagram.com\\\/boatrentmallorcaquestheroes\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wszystkie \u0142odzie - Quest Heroes Wynajem \u0142odzi Majorka","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/questheroes.es\/pl\/rezerwacja-online\/","og_locale":"pl_PL","og_type":"article","og_title":"All Boats - Quest Heroes Boat Rental Mallorca","og_description":"Online Booking Book your boat in Mallorca The complete Quest Heroes fleet: boats with license, with captain, or no license","og_url":"https:\/\/questheroes.es\/pl\/rezerwacja-online\/","og_site_name":"Quest Heroes Boat Rental Mallorca","article_publisher":"https:\/\/www.facebook.com\/rentaboatmallorca","article_modified_time":"2026-08-05T14:00:55+00:00","og_image":[{"width":493,"height":226,"url":"https:\/\/questheroes.es\/wp-content\/uploads\/2021\/10\/QuestHeroes-3-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"27 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/questheroes.es\/online-booking\/","url":"https:\/\/questheroes.es\/online-booking\/","name":"Wszystkie \u0142odzie - Quest Heroes Wynajem \u0142odzi Majorka","isPartOf":{"@id":"https:\/\/questheroes.es\/#website"},"datePublished":"2021-05-13T08:25:08+00:00","dateModified":"2026-08-05T14:00:55+00:00","breadcrumb":{"@id":"https:\/\/questheroes.es\/online-booking\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/questheroes.es\/online-booking\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/questheroes.es\/online-booking\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/questheroes.es\/"},{"@type":"ListItem","position":2,"name":"All Boats"}]},{"@type":"WebSite","@id":"https:\/\/questheroes.es\/#website","url":"https:\/\/questheroes.es\/","name":"Quest Heroes Wynajem \u0142odzi Majorka","description":"Wynajem \u0142odzi na Majorce","publisher":{"@id":"https:\/\/questheroes.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/questheroes.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/questheroes.es\/#organization","name":"Quest Heroes Wynajem \u0142odzi Majorka","url":"https:\/\/questheroes.es\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/questheroes.es\/#\/schema\/logo\/image\/","url":"https:\/\/questheroes.es\/wp-content\/uploads\/2021\/10\/QuestHeroes-3-1.png","contentUrl":"https:\/\/questheroes.es\/wp-content\/uploads\/2021\/10\/QuestHeroes-3-1.png","width":493,"height":226,"caption":"Quest Heroes Boat Rental Mallorca"},"image":{"@id":"https:\/\/questheroes.es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/rentaboatmallorca","https:\/\/instagram.com\/boatrentmallorcaquestheroes"]}]}},"_links":{"self":[{"href":"https:\/\/questheroes.es\/pl\/wp-json\/wp\/v2\/pages\/10316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/questheroes.es\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/questheroes.es\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/questheroes.es\/pl\/wp-json\/wp\/v2\/users\/4309"}],"replies":[{"embeddable":true,"href":"https:\/\/questheroes.es\/pl\/wp-json\/wp\/v2\/comments?post=10316"}],"version-history":[{"count":255,"href":"https:\/\/questheroes.es\/pl\/wp-json\/wp\/v2\/pages\/10316\/revisions"}],"predecessor-version":[{"id":22987,"href":"https:\/\/questheroes.es\/pl\/wp-json\/wp\/v2\/pages\/10316\/revisions\/22987"}],"wp:attachment":[{"href":"https:\/\/questheroes.es\/pl\/wp-json\/wp\/v2\/media?parent=10316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}