{"id":3618,"date":"2026-05-20T08:34:04","date_gmt":"2026-05-20T08:34:04","guid":{"rendered":"https:\/\/www.sphynxbcn.com\/?page_id=3618"},"modified":"2026-05-20T09:25:31","modified_gmt":"2026-05-20T09:25:31","slug":"shared-sunset-sailing","status":"publish","type":"page","link":"https:\/\/www.sphynxbcn.com\/fr\/shared-sunset-sailing\/","title":{"rendered":"Shared Sunset\u00a0Sailing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3618\" class=\"elementor elementor-3618\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37c6caf e-con-full e-flex e-con e-parent\" data-id=\"37c6caf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1ea1d5 elementor-widget elementor-widget-html\" data-id=\"e1ea1d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n================================================================================\nSPHYNX BCN \u2014 LANDING: SUNSET CRUISE BARCELONA \u2014 SECTION 01 \u2014 HERO\n================================================================================\nURL:          \/experiences\/sunset-cruise-barcelona\/\nFocus KW:     sunset cruise Barcelona\nSecondary:    sunset sailing Barcelona, shared sunset tour Barcelona,\n              private sunset yacht Barcelona\nFunction:     Conversion-focused hero for the highest-value keyword in cluster.\n              Captures BOTH intents: shared (\u20ac55) and private (\u20ac350).\nInsertion:    Elementor \u2192 HTML widget \u2192 paste this entire file\n================================================================================\nDEPLOY NOTES:\n  1. This is SECTION 1 of 9. Each section is a separate HTML widget.\n  2. Hero image: Sphynx-339.jpg (sunset shot). Swap if you prefer another.\n  3. FareHarbor: Shared = 473325 \u00b7 Private = 428147\n  4. Schema (TouristTrip + Product + AggregateRating) lives in this hero only \u2014\n     do NOT duplicate in other sections.\n================================================================================\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@200;300;400;500;600&display=swap');\n\n\/* Elementor wrapper reset (clean) *\/\n.elementor-widget-html:has(> .elementor-widget-container > #sun-hero),\n.elementor-widget:has(> .elementor-widget-container > #sun-hero),\n.elementor-widget-container:has(> #sun-hero) {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-size: 0;\n  line-height: 0;\n}\n\n#sun-hero {\n  --s-night:    #0A0E12;\n  --s-gold:     #C9A961;\n  --s-gold-deep:#8B6F3D;\n  --s-ivory:    #FFFEF8;\n  --s-fade:     rgba(255, 254, 248, 0.78);\n  --s-mute:     rgba(255, 254, 248, 0.55);\n  --s-soft:     rgba(255, 254, 248, 0.35);\n  --s-line:     rgba(255, 254, 248, 0.20);\n  --s-line-gold:rgba(201, 169, 97, 0.45);\n  --s-display:  'Cormorant Garamond', Georgia, serif;\n  --s-body:     'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\n  --s-ease:     cubic-bezier(0.22, 1, 0.36, 1);\n\n  display: block;\n  vertical-align: top;\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: none;\n  height: 88vh;\n  min-height: 600px;\n  max-height: 860px;\n  overflow: hidden;\n  background-color: var(--s-night);\n  font-family: var(--s-body);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--s-ivory);\n  isolation: isolate;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n#sun-hero *, #sun-hero *::before, #sun-hero *::after { box-sizing: border-box; }\n\n#sun-hero h1, #sun-hero p, #sun-hero span, #sun-hero a {\n  text-transform: none;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\n#sun-hero a { text-decoration: none; color: inherit; }\n\n\/* Background *\/\n#sun-hero .sun-hero-bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  overflow: hidden;\n}\n\n#sun-hero .sun-hero-bg img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center 60%;\n  transform: scale(1.05);\n  animation: sunKenBurns 28s var(--s-ease) infinite alternate;\n}\n\n@keyframes sunKenBurns {\n  0%   { transform: scale(1.05) translate(0, 0); }\n  100% { transform: scale(1.13) translate(-1.5%, -1%); }\n}\n\n#sun-hero .sun-hero-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background:\n    linear-gradient(180deg,\n      rgba(10, 14, 18, 0.55) 0%,\n      rgba(10, 14, 18, 0.30) 30%,\n      rgba(10, 14, 18, 0.45) 65%,\n      rgba(10, 14, 18, 0.88) 100%),\n    linear-gradient(90deg,\n      rgba(10, 14, 18, 0.50) 0%,\n      rgba(10, 14, 18, 0.10) 55%,\n      rgba(10, 14, 18, 0.15) 100%);\n}\n\n\/* Warm sunset tint at bottom *\/\n#sun-hero .sun-hero-tint {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background: linear-gradient(0deg,\n    rgba(201, 169, 97, 0.14) 0%,\n    rgba(201, 169, 97, 0) 32%);\n  pointer-events: none;\n}\n\n\/* Breadcrumb *\/\n#sun-hero .sun-hero-breadcrumb {\n  position: absolute;\n  top: clamp(1.5rem, 3vh, 2.5rem);\n  left: clamp(1.5rem, 5vw, 5rem);\n  z-index: 3;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--s-mute);\n  display: flex;\n  align-items: center;\n  gap: 0.625rem;\n  flex-wrap: wrap;\n  opacity: 0;\n  animation: sunFadeIn 1s var(--s-ease) 0.2s forwards;\n}\n\n#sun-hero .sun-hero-breadcrumb a {\n  color: var(--s-mute);\n  transition: color 0.4s var(--s-ease);\n}\n\n#sun-hero .sun-hero-breadcrumb a:hover { color: var(--s-gold); }\n\n#sun-hero .sun-hero-breadcrumb .crumb-sep {\n  display: inline-block;\n  width: 14px;\n  height: 1px;\n  background: var(--s-soft);\n}\n\n#sun-hero .sun-hero-breadcrumb .is-current { color: var(--s-gold); }\n\n\/* Content *\/\n#sun-hero .sun-hero-content {\n  position: relative;\n  z-index: 2;\n  height: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 clamp(1.5rem, 5vw, 5rem);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  text-align: left;\n}\n\n#sun-hero .sun-hero-eyebrow {\n  font-family: var(--s-display);\n  font-style: italic;\n  font-weight: 400;\n  font-size: clamp(1rem, 1.3vw, 1.25rem);\n  letter-spacing: 0.01em;\n  color: var(--s-gold);\n  margin: 0 0 1.25rem 0;\n  opacity: 0;\n  animation: sunFadeUp 1s var(--s-ease) 0.4s forwards;\n}\n\n#sun-hero .sun-hero-h1 {\n  font-family: var(--s-display);\n  font-size: clamp(2.75rem, 7vw, 5.5rem);\n  font-weight: 400;\n  line-height: 0.98;\n  letter-spacing: -0.02em;\n  margin: 0 0 1.75rem 0;\n  max-width: 16ch;\n  color: var(--s-ivory);\n}\n\n#sun-hero .sun-hero-h1 .h1-line {\n  display: block;\n  opacity: 0;\n}\n\n#sun-hero .sun-hero-h1 .h1-line-1 { animation: sunFadeUp 1.1s var(--s-ease) 0.6s forwards; }\n#sun-hero .sun-hero-h1 .h1-line-2 {\n  font-weight: 300;\n  font-style: italic;\n  color: var(--s-gold);\n  animation: sunFadeUp 1.1s var(--s-ease) 0.8s forwards;\n}\n\n#sun-hero .sun-hero-sub {\n  font-family: var(--s-body);\n  font-weight: 300;\n  font-size: clamp(1rem, 1.25vw, 1.1875rem);\n  line-height: 1.6;\n  color: var(--s-fade);\n  max-width: 54ch;\n  margin: 0 0 2.5rem 0;\n  opacity: 0;\n  animation: sunFadeUp 1s var(--s-ease) 1.0s forwards;\n}\n\n\/* CTA row *\/\n#sun-hero .sun-hero-cta-row {\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  flex-wrap: wrap;\n  opacity: 0;\n  animation: sunFadeUp 1s var(--s-ease) 1.2s forwards;\n}\n\n#sun-hero .sun-cta-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 1.125rem 2rem;\n  font-family: var(--s-body);\n  font-weight: 500;\n  font-size: 0.75rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  background: var(--s-gold);\n  color: var(--s-night);\n  border: 1px solid var(--s-gold);\n  transition: all 0.45s var(--s-ease);\n  cursor: pointer;\n}\n\n#sun-hero .sun-cta-primary:hover {\n  background: var(--s-ivory);\n  border-color: var(--s-ivory);\n  transform: translateY(-2px);\n}\n\n#sun-hero .sun-cta-primary svg {\n  width: 14px;\n  height: 14px;\n  transition: transform 0.45s var(--s-ease);\n}\n\n#sun-hero .sun-cta-primary:hover svg { transform: translateX(4px); }\n\n#sun-hero .sun-cta-secondary {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 1.125rem 0;\n  font-family: var(--s-body);\n  font-weight: 500;\n  font-size: 0.75rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--s-ivory);\n  border-bottom: 1px solid var(--s-line);\n  transition: all 0.4s var(--s-ease);\n}\n\n#sun-hero .sun-cta-secondary:hover {\n  color: var(--s-gold);\n  border-color: var(--s-gold);\n}\n\n#sun-hero .sun-cta-secondary svg {\n  width: 18px;\n  height: 18px;\n  color: #25D366;\n  flex-shrink: 0;\n}\n\n\/* Rating inline *\/\n#sun-hero .sun-hero-rating {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin: 0 0 2rem 0;\n  opacity: 0;\n  animation: sunFadeUp 1s var(--s-ease) 0.9s forwards;\n}\n\n#sun-hero .sun-hero-rating .stars {\n  display: inline-flex;\n  gap: 2px;\n  color: var(--s-gold);\n}\n\n#sun-hero .sun-hero-rating .stars svg { width: 15px; height: 15px; }\n\n#sun-hero .sun-hero-rating .rating-text {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  letter-spacing: 0.04em;\n  color: var(--s-fade);\n}\n\n#sun-hero .sun-hero-rating .rating-text strong {\n  color: var(--s-ivory);\n  font-weight: 600;\n}\n\n\/* Scroll cue *\/\n#sun-hero .sun-hero-scroll {\n  position: absolute;\n  bottom: 1.75rem;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 3;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.75rem;\n  font-size: 0.5625rem;\n  font-weight: 500;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: var(--s-mute);\n  opacity: 0;\n  animation: sunFadeIn 1s var(--s-ease) 1.5s forwards;\n}\n\n#sun-hero .sun-hero-scroll .scroll-line {\n  width: 1px;\n  height: 36px;\n  background: var(--s-line);\n  position: relative;\n  overflow: hidden;\n}\n\n#sun-hero .sun-hero-scroll .scroll-line::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: -50%;\n  width: 100%;\n  height: 50%;\n  background: var(--s-gold);\n  animation: sunScrollLine 2.4s var(--s-ease) infinite;\n}\n\n@keyframes sunScrollLine { 0% { top: -50%; } 100% { top: 100%; } }\n@keyframes sunFadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes sunFadeIn { from { opacity: 0; } to { opacity: 1; } }\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  #sun-hero {\n    height: auto;\n    min-height: 92vh;\n    max-height: none;\n    padding: 7rem 0 4rem;\n  }\n  #sun-hero .sun-hero-content { justify-content: flex-end; }\n  #sun-hero .sun-hero-h1 { max-width: 14ch; }\n  #sun-hero .sun-hero-cta-row { gap: 1rem; }\n  #sun-hero .sun-cta-primary { padding: 1rem 1.5rem; }\n  #sun-hero .sun-hero-scroll { display: none; }\n  #sun-hero .sun-hero-breadcrumb { font-size: 0.625rem; letter-spacing: 0.16em; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sun-hero *, #sun-hero *::before, #sun-hero *::after {\n    animation: none !important;\n    transition: none !important;\n    opacity: 1 !important;\n    transform: none !important;\n  }\n}\n\n#sun-hero a:focus-visible { outline: 2px solid var(--s-gold); outline-offset: 4px; }\n<\/style>\n\n<!-- ==========================================================================\n     SCHEMA \u2014 TouristTrip + Product + AggregateRating + Breadcrumb\n     (Lives in this hero ONLY \u2014 do not duplicate in other sections)\n     ========================================================================== -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"TouristTrip\",\n      \"name\": \"Sunset Cruise Barcelona \u2014 Sphynx Sailing Yacht\",\n      \"description\": \"A two-hour sunset sailing cruise along the Barcelona coastline aboard Sphynx, a 52-foot luxury yacht. Shared departures from \u20ac55 per person, or charter the whole yacht privately from \u20ac350. Cava, snacks and Captain Laurence included.\",\n      \"image\": \"https:\/\/www.sphynxbcn.com\/wp-content\/uploads\/2024\/03\/Sphynx-339.jpg\",\n      \"touristType\": [\"Couples\", \"Families\", \"Groups\", \"Solo travelers\"],\n      \"provider\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Sphynx BCN\",\n        \"url\": \"https:\/\/www.sphynxbcn.com\/\"\n      },\n      \"offers\": {\n        \"@type\": \"Offer\",\n        \"price\": \"55\",\n        \"priceCurrency\": \"EUR\",\n        \"availability\": \"https:\/\/schema.org\/InStock\",\n        \"url\": \"https:\/\/www.sphynxbcn.com\/experiences\/sunset-cruise-barcelona\/\"\n      }\n    },\n    {\n      \"@type\": \"Product\",\n      \"name\": \"Sunset Cruise Barcelona aboard Sphynx\",\n      \"image\": \"https:\/\/www.sphynxbcn.com\/wp-content\/uploads\/2024\/03\/Sphynx-339.jpg\",\n      \"description\": \"Shared and private sunset sailing cruises in Barcelona aboard a 52-foot luxury yacht from Marina Vela.\",\n      \"brand\": { \"@type\": \"Brand\", \"name\": \"Sphynx BCN\" },\n      \"aggregateRating\": {\n        \"@type\": \"AggregateRating\",\n        \"ratingValue\": \"5.0\",\n        \"reviewCount\": \"1432\",\n        \"bestRating\": \"5\",\n        \"worstRating\": \"1\"\n      },\n      \"offers\": {\n        \"@type\": \"AggregateOffer\",\n        \"lowPrice\": \"55\",\n        \"highPrice\": \"450\",\n        \"priceCurrency\": \"EUR\",\n        \"offerCount\": \"2\",\n        \"availability\": \"https:\/\/schema.org\/InStock\"\n      }\n    },\n    {\n      \"@type\": \"BreadcrumbList\",\n      \"itemListElement\": [\n        { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https:\/\/www.sphynxbcn.com\/\" },\n        { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Experiences\", \"item\": \"https:\/\/www.sphynxbcn.com\/experiences\/\" },\n        { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"Sunset Cruise Barcelona\", \"item\": \"https:\/\/www.sphynxbcn.com\/experiences\/sunset-cruise-barcelona\/\" }\n      ]\n    }\n  ]\n}\n<\/script>\n\n<!-- HERO MARKUP -->\n<section id=\"sun-hero\" aria-label=\"Sunset cruise Barcelona aboard Sphynx luxury yacht\">\n\n  <div class=\"sun-hero-bg\" aria-hidden=\"true\">\n    <img\n      src=\"https:\/\/www.sphynxbcn.com\/wp-content\/uploads\/2024\/03\/Sphynx-339.jpg\"\n      alt=\"Sunset cruise Barcelona \u2014 Sphynx luxury sailing yacht at golden hour off the Barcelona coast\"\n      loading=\"eager\"\n      fetchpriority=\"high\"\n      decoding=\"async\"\n    >\n    <div class=\"sun-hero-overlay\"><\/div>\n    <div class=\"sun-hero-tint\"><\/div>\n  <\/div>\n\n  <nav class=\"sun-hero-breadcrumb\" aria-label=\"Breadcrumb\">\n    <a href=\"\/\">Home<\/a>\n    <span class=\"crumb-sep\" aria-hidden=\"true\"><\/span>\n    <a href=\"\/experiences\/\">Experiences<\/a>\n    <span class=\"crumb-sep\" aria-hidden=\"true\"><\/span>\n    <span class=\"is-current\" aria-current=\"page\">Sunset Cruise<\/span>\n  <\/nav>\n\n  <div class=\"sun-hero-content\">\n\n    <p class=\"sun-hero-eyebrow\">Barcelona's golden hour, from the water.<\/p>\n\n    <h1 class=\"sun-hero-h1\">\n      <span class=\"h1-line h1-line-1\">Sunset Cruise<\/span>\n      <span class=\"h1-line h1-line-2\">Barcelona<\/span>\n    <\/h1>\n\n    <div class=\"sun-hero-rating\" aria-label=\"Rated 5.0 from 1,432 reviews\">\n      <span class=\"stars\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n      <\/span>\n      <span class=\"rating-text\"><strong>5.0<\/strong> \u00b7 1,432+ reviews \u00b7 Google &amp; Tripadvisor<\/span>\n    <\/div>\n\n    <p class=\"sun-hero-sub\">\n      Sail out of Marina Vela as the sun drops behind Montju\u00efc. Two hours of cava, calm water and the Barcelona skyline turning gold \u2014 share the deck from \u20ac55 per person, or take the whole yacht private from \u20ac350.\n    <\/p>\n\n    <div class=\"sun-hero-cta-row\">\n      <a class=\"sun-cta-primary\" href=\"https:\/\/fareharbor.com\/embeds\/book\/sphynxbcn\/items\/473325\/?full-items=yes&back=https%3A%2F%2Fsphynxbcn.com%2Fexperiences%2Fsunset-cruise-barcelona%2F&g4=yes\" aria-label=\"Check live availability for the sunset cruise Barcelona\">\n        Check Availability\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" aria-hidden=\"true\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n      <a class=\"sun-cta-secondary\" href=\"https:\/\/wa.me\/34678764274?text=Hi%20Laurence%2C%20I%27d%20like%20to%20book%20a%20sunset%20cruise%20in%20Barcelona%20aboard%20Sphynx.\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"WhatsApp Captain Laurence about the sunset cruise\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M17.6 6.32A7.85 7.85 0 0 0 12 4a7.94 7.94 0 0 0-6.89 11.89L4 20l4.2-1.1a7.9 7.9 0 0 0 3.8.97h.004A7.94 7.94 0 0 0 17.6 6.32zM12 18.5a6.6 6.6 0 0 1-3.36-.92l-.24-.14-2.5.65.67-2.43-.16-.25A6.6 6.6 0 1 1 12 18.5zm3.62-4.94c-.2-.1-1.17-.58-1.35-.64s-.31-.1-.44.1-.5.64-.62.77-.23.15-.43.05a5.4 5.4 0 0 1-1.6-.98 6 6 0 0 1-1.1-1.37c-.12-.2 0-.3.09-.4l.3-.35c.1-.12.13-.2.2-.34s.03-.25-.02-.35-.44-1.06-.6-1.45-.32-.33-.44-.34h-.38a.73.73 0 0 0-.53.25 2.23 2.23 0 0 0-.69 1.65A3.86 3.86 0 0 0 8.62 12a8.74 8.74 0 0 0 3.34 2.95c.47.2.83.32 1.11.41.47.15.9.13 1.23.08.38-.06 1.17-.48 1.33-.94s.17-.86.12-.94-.18-.14-.38-.24z\"\/><\/svg>\n        WhatsApp Us\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"sun-hero-scroll\" aria-hidden=\"true\">\n    <span>Discover<\/span>\n    <div class=\"scroll-line\"><\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n  var hero = document.getElementById('sun-hero');\n  if (!hero) return;\n  function unlockGap() {\n    var el = hero.parentElement, depth = 0;\n    while (el && el !== document.body && depth < 6) {\n      if (el.classList && (\n        el.classList.contains('elementor-widget-container') ||\n        el.classList.contains('elementor-widget-html') ||\n        el.classList.contains('elementor-widget') ||\n        el.classList.contains('elementor-element')\n      )) {\n        el.style.margin = '0'; el.style.padding = '0';\n        el.style.fontSize = '0'; el.style.lineHeight = '0';\n      }\n      el = el.parentElement; depth++;\n    }\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', unlockGap);\n  } else { unlockGap(); }\n  window.addEventListener('load', unlockGap);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ddba7aa e-con-full e-flex e-con e-parent\" data-id=\"ddba7aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0125154 elementor-widget elementor-widget-html\" data-id=\"0125154\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n================================================================================\nSPHYNX BCN \u2014 LANDING: SUNSET CRUISE BARCELONA \u2014 SECTION 02 \u2014 TWO WAYS TO SAIL\n================================================================================\nFunction:  The core conversion section. Two pricing cards side by side:\n           SHARED (\u20ac55\/person) vs PRIVATE (\u20ac350\/group). Captures both intents.\n================================================================================\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@200;300;400;500;600&display=swap');\n\n.elementor-widget-html:has(> .elementor-widget-container > #sun-ways),\n.elementor-widget:has(> .elementor-widget-container > #sun-ways),\n.elementor-widget-container:has(> #sun-ways) {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-size: 0;\n  line-height: 0;\n}\n\n#sun-ways {\n  --s-night:    #0A0E12;\n  --s-gold:     #C9A961;\n  --s-gold-deep:#8B6F3D;\n  --s-ivory:    #FFFEF8;\n  --s-cream:    #FAF7F2;\n  --s-text:     #1A1A1A;\n  --s-text-mute:rgba(26, 26, 26, 0.65);\n  --s-text-soft:rgba(26, 26, 26, 0.45);\n  --s-line:     rgba(26, 26, 26, 0.10);\n  --s-line-gold:rgba(201, 169, 97, 0.40);\n  --s-display:  'Cormorant Garamond', Georgia, serif;\n  --s-body:     'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\n  --s-ease:     cubic-bezier(0.22, 1, 0.36, 1);\n\n  display: block;\n  vertical-align: top;\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: none;\n  background-color: var(--s-cream);\n  font-family: var(--s-body);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--s-text);\n  padding: clamp(4.5rem, 9vh, 6.5rem) 0;\n  overflow: hidden;\n  isolation: isolate;\n  -webkit-font-smoothing: antialiased;\n}\n\n#sun-ways *, #sun-ways *::before, #sun-ways *::after { box-sizing: border-box; }\n\n#sun-ways h2, #sun-ways h3, #sun-ways p, #sun-ways span, #sun-ways a, #sun-ways ul, #sun-ways li {\n  text-transform: none;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n#sun-ways a { text-decoration: none; color: inherit; }\n\n#sun-ways .ways-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 clamp(1.5rem, 5vw, 5rem);\n}\n\n\/* Trust strip *\/\n#sun-ways .ways-trust {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: clamp(1.5rem, 4vw, 3.5rem);\n  flex-wrap: wrap;\n  padding: 0 0 clamp(3rem, 6vh, 4.5rem);\n  margin: 0 0 clamp(3rem, 6vh, 4.5rem);\n  border-bottom: 1px solid var(--s-line);\n  text-align: center;\n}\n\n#sun-ways .trust-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.375rem;\n}\n\n#sun-ways .trust-item .trust-num {\n  font-family: var(--s-display);\n  font-size: clamp(1.75rem, 3vw, 2.5rem);\n  font-weight: 400;\n  line-height: 1;\n  color: var(--s-text);\n}\n\n#sun-ways .trust-item .trust-num em {\n  font-style: italic;\n  color: var(--s-gold-deep);\n}\n\n#sun-ways .trust-item .trust-label {\n  font-size: 0.625rem;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--s-text-soft);\n}\n\n#sun-ways .trust-divider {\n  width: 1px;\n  height: 36px;\n  background: var(--s-line);\n}\n\n\/* Header *\/\n#sun-ways .ways-header {\n  text-align: center;\n  margin: 0 0 clamp(2.5rem, 5vh, 3.5rem);\n}\n\n#sun-ways .ways-eyebrow {\n  font-size: 0.6875rem;\n  font-weight: 500;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--s-gold-deep);\n  margin: 0 0 1rem 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.875rem;\n}\n\n#sun-ways .ways-eyebrow::before,\n#sun-ways .ways-eyebrow::after {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: var(--s-line-gold);\n}\n\n#sun-ways .ways-title {\n  font-family: var(--s-display);\n  font-size: clamp(2rem, 4vw, 3rem);\n  font-weight: 400;\n  line-height: 1.1;\n  letter-spacing: -0.015em;\n  color: var(--s-text);\n  margin: 0 0 0.875rem 0;\n}\n\n#sun-ways .ways-title em {\n  font-style: italic;\n  font-weight: 300;\n  color: var(--s-gold-deep);\n}\n\n#sun-ways .ways-subtitle {\n  font-size: clamp(0.95rem, 1.1vw, 1.0625rem);\n  font-weight: 300;\n  line-height: 1.55;\n  color: var(--s-text-mute);\n  max-width: 50ch;\n  margin: 0 auto;\n}\n\n\/* Cards *\/\n#sun-ways .ways-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(1.25rem, 2.5vw, 2rem);\n  align-items: stretch;\n}\n\n#sun-ways .way-card {\n  position: relative;\n  background: var(--s-ivory);\n  border: 1px solid var(--s-line);\n  padding: clamp(2rem, 3vw, 2.75rem);\n  display: flex;\n  flex-direction: column;\n  transition: border-color 0.5s var(--s-ease), box-shadow 0.5s var(--s-ease), transform 0.5s var(--s-ease);\n}\n\n#sun-ways .way-card:hover {\n  border-color: var(--s-line-gold);\n  box-shadow: 0 24px 54px -26px rgba(10, 14, 18, 0.20);\n  transform: translateY(-3px);\n}\n\n#sun-ways .way-card.is-featured {\n  border-color: var(--s-gold);\n  border-width: 1.5px;\n}\n\n#sun-ways .way-badge {\n  position: absolute;\n  top: -1px;\n  right: clamp(1.5rem, 3vw, 2.5rem);\n  background: var(--s-gold);\n  color: var(--s-night);\n  font-size: 0.5625rem;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  padding: 0.5rem 0.875rem;\n}\n\n#sun-ways .way-cat {\n  font-size: 0.625rem;\n  font-weight: 600;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--s-gold-deep);\n  margin: 0 0 0.875rem 0;\n}\n\n#sun-ways .way-name {\n  font-family: var(--s-display);\n  font-size: clamp(1.625rem, 2.5vw, 2rem);\n  font-weight: 400;\n  line-height: 1.1;\n  color: var(--s-text);\n  margin: 0 0 1rem 0;\n}\n\n#sun-ways .way-name em { font-style: italic; color: var(--s-gold-deep); }\n\n#sun-ways .way-desc {\n  font-size: 0.875rem;\n  font-weight: 300;\n  line-height: 1.6;\n  color: var(--s-text-mute);\n  margin: 0 0 1.5rem 0;\n  flex: 0 0 auto;\n  min-height: 3.5em;\n}\n\n#sun-ways .way-price {\n  display: flex;\n  align-items: baseline;\n  gap: 0.375rem;\n  margin: 0 0 0.5rem 0;\n}\n\n#sun-ways .way-price .price-prefix {\n  font-size: 0.6875rem;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--s-text-mute);\n}\n\n#sun-ways .way-price .price-cur {\n  font-family: var(--s-display);\n  font-size: 1.5rem;\n  color: var(--s-text);\n}\n\n#sun-ways .way-price .price-amt {\n  font-family: var(--s-display);\n  font-size: clamp(2.5rem, 4vw, 3.25rem);\n  font-weight: 400;\n  line-height: 1;\n  letter-spacing: -0.02em;\n  color: var(--s-text);\n}\n\n#sun-ways .way-price .price-unit {\n  font-size: 0.6875rem;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--s-text-mute);\n  margin-left: 0.25rem;\n}\n\n#sun-ways .way-season {\n  font-family: var(--s-display);\n  font-style: italic;\n  font-size: 0.875rem;\n  color: var(--s-gold-deep);\n  margin: 0 0 1.5rem 0;\n}\n\n#sun-ways .way-list {\n  margin: 0 0 2rem 0;\n  padding: 1.5rem 0 0;\n  border-top: 1px solid var(--s-line);\n  display: flex;\n  flex-direction: column;\n  gap: 0.875rem;\n  flex: 1;\n}\n\n#sun-ways .way-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  font-size: 0.875rem;\n  font-weight: 300;\n  line-height: 1.45;\n  color: var(--s-text);\n}\n\n#sun-ways .way-list li svg {\n  width: 16px;\n  height: 16px;\n  color: var(--s-gold);\n  flex-shrink: 0;\n  margin-top: 0.1rem;\n}\n\n#sun-ways .way-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n  width: 100%;\n  padding: 1.125rem 1.5rem;\n  font-family: var(--s-body);\n  font-weight: 500;\n  font-size: 0.75rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  transition: all 0.45s var(--s-ease);\n  cursor: pointer;\n  margin-top: auto;\n}\n\n#sun-ways .way-cta.cta-fill {\n  background: var(--s-gold);\n  color: var(--s-night);\n  border: 1px solid var(--s-gold);\n}\n\n#sun-ways .way-cta.cta-fill:hover {\n  background: var(--s-night);\n  border-color: var(--s-night);\n  color: var(--s-ivory);\n  transform: translateY(-2px);\n}\n\n#sun-ways .way-cta.cta-outline {\n  background: transparent;\n  color: var(--s-text);\n  border: 1px solid var(--s-text);\n}\n\n#sun-ways .way-cta.cta-outline:hover {\n  background: var(--s-text);\n  color: var(--s-ivory);\n  transform: translateY(-2px);\n}\n\n#sun-ways .way-cta svg {\n  width: 14px;\n  height: 14px;\n  transition: transform 0.45s var(--s-ease);\n}\n\n#sun-ways .way-cta:hover svg { transform: translateX(4px); }\n\n@media (max-width: 768px) {\n  #sun-ways .ways-grid { grid-template-columns: 1fr; }\n  #sun-ways .trust-divider { display: none; }\n  #sun-ways .ways-trust { gap: 1.5rem 2rem; }\n  #sun-ways .way-desc { min-height: 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sun-ways *, #sun-ways *::before, #sun-ways *::after {\n    animation: none !important; transition: none !important;\n  }\n}\n\n#sun-ways a:focus-visible { outline: 2px solid var(--s-gold); outline-offset: 4px; }\n<\/style>\n\n<section id=\"sun-ways\" aria-label=\"Two ways to enjoy a sunset cruise in Barcelona \u2014 shared or private\">\n\n  <div class=\"ways-inner\">\n\n    <!-- Trust strip -->\n    <div class=\"ways-trust\">\n      <div class=\"trust-item\">\n        <span class=\"trust-num\"><em>5.0<\/em><\/span>\n        <span class=\"trust-label\">Average Rating<\/span>\n      <\/div>\n      <div class=\"trust-divider\" aria-hidden=\"true\"><\/div>\n      <div class=\"trust-item\">\n        <span class=\"trust-num\">1,432+<\/span>\n        <span class=\"trust-label\">Guest Reviews<\/span>\n      <\/div>\n      <div class=\"trust-divider\" aria-hidden=\"true\"><\/div>\n      <div class=\"trust-item\">\n        <span class=\"trust-num\">#4<\/span>\n        <span class=\"trust-label\">of 332 Boat Tours<\/span>\n      <\/div>\n      <div class=\"trust-divider\" aria-hidden=\"true\"><\/div>\n      <div class=\"trust-item\">\n        <span class=\"trust-num\">48h<\/span>\n        <span class=\"trust-label\">Free Cancellation<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Header -->\n    <div class=\"ways-header\">\n      <p class=\"ways-eyebrow\">Two ways to sail<\/p>\n      <h2 class=\"ways-title\">Share the deck, or take it <em>private<\/em>.<\/h2>\n      <p class=\"ways-subtitle\">Same golden hour, same captain, same yacht. Choose the experience that fits your evening.<\/p>\n    <\/div>\n\n    <!-- Cards -->\n    <div class=\"ways-grid\">\n\n      <!-- SHARED -->\n      <article class=\"way-card is-featured\">\n        <span class=\"way-badge\">Most Booked<\/span>\n        <p class=\"way-cat\">Shared Sunset Sailing<\/p>\n        <h3 class=\"way-name\">Join the <em>group<\/em><\/h3>\n        <p class=\"way-desc\">Up to 11 guests aboard for Barcelona's most photogenic two hours. Perfect for couples, solo travellers and small groups who want the full experience without chartering the whole yacht.<\/p>\n\n        <div class=\"way-price\">\n          <span class=\"price-prefix\">From<\/span>\n          <span class=\"price-cur\">\u20ac<\/span>\n          <span class=\"price-amt\">55<\/span>\n          <span class=\"price-unit\">per person<\/span>\n        <\/div>\n        <p class=\"way-season\">Higher rates apply May\u2013October<\/p>\n\n        <ul class=\"way-list\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg> Two hours of sailing at golden hour<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg> Open bar \u2014 cava, wine, beer, soft drinks<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg> Snacks &amp; light bites included<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg> Captain Laurence narrating the skyline<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg> Free cancellation up to 48 hours before<\/li>\n        <\/ul>\n\n        <a class=\"way-cta cta-fill\" href=\"https:\/\/fareharbor.com\/embeds\/book\/sphynxbcn\/items\/473325\/?full-items=yes&back=https%3A%2F%2Fsphynxbcn.com%2Fexperiences%2Fsunset-cruise-barcelona%2F&g4=yes\" aria-label=\"Book the shared sunset cruise in Barcelona\">\n          Book Shared \u2014 From \u20ac55\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n      <!-- PRIVATE -->\n      <article class=\"way-card\">\n        <p class=\"way-cat\">Private Sunset Charter<\/p>\n        <h3 class=\"way-name\">Take it <em>private<\/em><\/h3>\n        <p class=\"way-desc\">The whole yacht, just for you. Champagne on deck, no strangers, your own soundtrack. The choice for proposals, anniversaries, birthdays and intimate celebrations under a Barcelona sunset.<\/p>\n\n        <div class=\"way-price\">\n          <span class=\"price-prefix\">From<\/span>\n          <span class=\"price-cur\">\u20ac<\/span>\n          <span class=\"price-amt\">350<\/span>\n          <span class=\"price-unit\">per group<\/span>\n        <\/div>\n        <p class=\"way-season\">Higher rates apply May\u2013October<\/p>\n\n        <ul class=\"way-list\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg> The entire yacht \u2014 up to 11 guests, no sharing<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg> Champagne or signature cocktails on deck<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg> Tailored route \u2014 your pace, your stops<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg> Ideal for proposals &amp; celebrations<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg> Captain Laurence at the helm<\/li>\n        <\/ul>\n\n        <a class=\"way-cta cta-outline\" href=\"https:\/\/fareharbor.com\/embeds\/book\/sphynxbcn\/items\/428147\/?full-items=yes&back=https%3A%2F%2Fsphynxbcn.com%2Fexperiences%2Fsunset-cruise-barcelona%2F&g4=yes\" aria-label=\"Book a private sunset charter in Barcelona\">\n          Book Private \u2014 From \u20ac350\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n  var s = document.getElementById('sun-ways');\n  if (!s) return;\n  function unlockGap() {\n    var el = s.parentElement, d = 0;\n    while (el && el !== document.body && d < 6) {\n      if (el.classList && (el.classList.contains('elementor-widget-container') || el.classList.contains('elementor-widget-html') || el.classList.contains('elementor-widget') || el.classList.contains('elementor-element'))) {\n        el.style.margin='0'; el.style.padding='0'; el.style.fontSize='0'; el.style.lineHeight='0';\n      }\n      el = el.parentElement; d++;\n    }\n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', unlockGap); } else { unlockGap(); }\n  window.addEventListener('load', unlockGap);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d1ebc4 e-con-full e-flex e-con e-parent\" data-id=\"5d1ebc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-664081f elementor-widget elementor-widget-html\" data-id=\"664081f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n================================================================================\nSPHYNX BCN \u2014 LANDING: SUNSET CRUISE BARCELONA \u2014 SECTION 03 \u2014 WHAT'S INCLUDED\n================================================================================\nFunction:  Detailed breakdown of what every sunset cruise includes. Builds\n           value, reduces booking hesitation, reinforces keywords naturally.\n================================================================================\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@200;300;400;500;600&display=swap');\n\n.elementor-widget-html:has(> .elementor-widget-container > #sun-incl),\n.elementor-widget:has(> .elementor-widget-container > #sun-incl),\n.elementor-widget-container:has(> #sun-incl) {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-size: 0;\n  line-height: 0;\n}\n\n#sun-incl {\n  --s-night:    #0A0E12;\n  --s-gold:     #C9A961;\n  --s-gold-deep:#8B6F3D;\n  --s-ivory:    #FFFEF8;\n  --s-cream:    #FAF7F2;\n  --s-text:     #1A1A1A;\n  --s-text-mute:rgba(26, 26, 26, 0.65);\n  --s-text-soft:rgba(26, 26, 26, 0.45);\n  --s-line:     rgba(26, 26, 26, 0.10);\n  --s-line-gold:rgba(201, 169, 97, 0.40);\n  --s-display:  'Cormorant Garamond', Georgia, serif;\n  --s-body:     'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\n  --s-ease:     cubic-bezier(0.22, 1, 0.36, 1);\n\n  display: block;\n  vertical-align: top;\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: none;\n  background-color: var(--s-ivory);\n  font-family: var(--s-body);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--s-text);\n  padding: clamp(4.5rem, 9vh, 6.5rem) 0;\n  overflow: hidden;\n  isolation: isolate;\n  -webkit-font-smoothing: antialiased;\n}\n\n#sun-incl *, #sun-incl *::before, #sun-incl *::after { box-sizing: border-box; }\n\n#sun-incl h2, #sun-incl h3, #sun-incl p, #sun-incl span, #sun-incl ul, #sun-incl li {\n  text-transform: none;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n#sun-incl .incl-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 clamp(1.5rem, 5vw, 5rem);\n}\n\n#sun-incl .incl-header {\n  text-align: center;\n  margin: 0 0 clamp(3rem, 6vh, 4.5rem);\n}\n\n#sun-incl .incl-eyebrow {\n  font-size: 0.6875rem;\n  font-weight: 500;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--s-gold-deep);\n  margin: 0 0 1rem 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.875rem;\n}\n\n#sun-incl .incl-eyebrow::before,\n#sun-incl .incl-eyebrow::after {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: var(--s-line-gold);\n}\n\n#sun-incl .incl-title {\n  font-family: var(--s-display);\n  font-size: clamp(2rem, 4vw, 3rem);\n  font-weight: 400;\n  line-height: 1.1;\n  letter-spacing: -0.015em;\n  color: var(--s-text);\n  margin: 0 0 0.875rem 0;\n}\n\n#sun-incl .incl-title em { font-style: italic; font-weight: 300; color: var(--s-gold-deep); }\n\n#sun-incl .incl-subtitle {\n  font-size: clamp(0.95rem, 1.1vw, 1.0625rem);\n  font-weight: 300;\n  line-height: 1.55;\n  color: var(--s-text-mute);\n  max-width: 52ch;\n  margin: 0 auto;\n}\n\n#sun-incl .incl-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: clamp(1.5rem, 2.5vw, 2.5rem);\n}\n\n#sun-incl .incl-item {\n  text-align: left;\n  padding: clamp(1.5rem, 2vw, 2rem);\n  background: var(--s-cream);\n  border: 1px solid var(--s-line);\n  transition: border-color 0.5s var(--s-ease), transform 0.5s var(--s-ease);\n}\n\n#sun-incl .incl-item:hover {\n  border-color: var(--s-line-gold);\n  transform: translateY(-3px);\n}\n\n#sun-incl .incl-icon {\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid var(--s-line-gold);\n  border-radius: 50%;\n  margin: 0 0 1.25rem 0;\n}\n\n#sun-incl .incl-icon svg {\n  width: 20px;\n  height: 20px;\n  color: var(--s-gold-deep);\n}\n\n#sun-incl .incl-item h3 {\n  font-family: var(--s-display);\n  font-size: 1.375rem;\n  font-weight: 500;\n  line-height: 1.2;\n  color: var(--s-text);\n  margin: 0 0 0.625rem 0;\n}\n\n#sun-incl .incl-item p {\n  font-size: 0.875rem;\n  font-weight: 300;\n  line-height: 1.55;\n  color: var(--s-text-mute);\n}\n\n@media (max-width: 900px) {\n  #sun-incl .incl-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 560px) {\n  #sun-incl .incl-grid { grid-template-columns: 1fr; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sun-incl *, #sun-incl *::before, #sun-incl *::after {\n    animation: none !important; transition: none !important;\n  }\n}\n<\/style>\n\n<section id=\"sun-incl\" aria-label=\"What's included in the sunset cruise Barcelona\">\n\n  <div class=\"incl-inner\">\n\n    <div class=\"incl-header\">\n      <p class=\"incl-eyebrow\">What's included<\/p>\n      <h2 class=\"incl-title\">Everything for a perfect <em>sunset<\/em>.<\/h2>\n      <p class=\"incl-subtitle\">No hidden extras, no surprises. Every sunset sailing tour from Marina Vela comes with the essentials for two unforgettable hours on the water.<\/p>\n    <\/div>\n\n    <div class=\"incl-grid\">\n\n      <div class=\"incl-item\">\n        <div class=\"incl-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 22h8M12 11v11M5 3h14l-1 7a6 6 0 0 1-12 0L5 3z\"\/><\/svg>\n        <\/div>\n        <h3>Open Bar<\/h3>\n        <p>Cava, white and red wine, beer, and soft drinks flowing throughout the cruise. Raise a glass as the sun goes down.<\/p>\n      <\/div>\n\n      <div class=\"incl-item\">\n        <div class=\"incl-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11h18l-2 7H5l-2-7z\"\/><path d=\"M3 11l2-6h14l2 6\"\/><\/svg>\n        <\/div>\n        <h3>Snacks &amp; Bites<\/h3>\n        <p>Light Mediterranean nibbles to pair with your drinks \u2014 the perfect accompaniment to golden-hour sailing.<\/p>\n      <\/div>\n\n      <div class=\"incl-item\">\n        <div class=\"incl-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 20s2-4 10-4 10 4 10 4\"\/><path d=\"M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8z\"\/><\/svg>\n        <\/div>\n        <h3>Captain Laurence<\/h3>\n        <p>A licensed captain with 10+ years sailing Barcelona's coast, narrating the skyline and reading the sea so you don't have to.<\/p>\n      <\/div>\n\n      <div class=\"incl-item\">\n        <div class=\"incl-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        <\/div>\n        <h3>Two Full Hours<\/h3>\n        <p>A generous two hours at sea \u2014 long enough to truly switch off, watch the colours change, and feel the city slow down.<\/p>\n      <\/div>\n\n      <div class=\"incl-item\">\n        <div class=\"incl-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n        <\/div>\n        <h3>Marina Vela Departure<\/h3>\n        <p>Set sail from Marina Vela, Berth 80 \u2014 a five-minute walk from Barceloneta, easy to reach by metro, taxi or on foot.<\/p>\n      <\/div>\n\n      <div class=\"incl-item\">\n        <div class=\"incl-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\n        <\/div>\n        <h3>Free Cancellation<\/h3>\n        <p>Plans change. Cancel up to 48 hours before departure for a full refund \u2014 no questions, no fees.<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n  var s = document.getElementById('sun-incl');\n  if (!s) return;\n  function unlockGap() {\n    var el = s.parentElement, d = 0;\n    while (el && el !== document.body && d < 6) {\n      if (el.classList && (el.classList.contains('elementor-widget-container') || el.classList.contains('elementor-widget-html') || el.classList.contains('elementor-widget') || el.classList.contains('elementor-element'))) {\n        el.style.margin='0'; el.style.padding='0'; el.style.fontSize='0'; el.style.lineHeight='0';\n      }\n      el = el.parentElement; d++;\n    }\n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', unlockGap); } else { unlockGap(); }\n  window.addEventListener('load', unlockGap);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0febe6d e-con-full e-flex e-con e-parent\" data-id=\"0febe6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06cbe87 elementor-widget elementor-widget-html\" data-id=\"06cbe87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n================================================================================\nSPHYNX BCN \u2014 LANDING: SUNSET CRUISE BARCELONA \u2014 SECTION 04 \u2014 THE EXPERIENCE\n================================================================================\nFunction:  SEO-rich narrative section (~450 words). This is the content engine\n           that helps the page rank for \"sunset cruise Barcelona\" and related\n           long-tail. Image + flowing editorial copy. Keywords woven naturally.\n================================================================================\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@200;300;400;500;600&display=swap');\n\n.elementor-widget-html:has(> .elementor-widget-container > #sun-exp),\n.elementor-widget:has(> .elementor-widget-container > #sun-exp),\n.elementor-widget-container:has(> #sun-exp) {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-size: 0;\n  line-height: 0;\n}\n\n#sun-exp {\n  --s-night:    #0A0E12;\n  --s-gold:     #C9A961;\n  --s-gold-deep:#8B6F3D;\n  --s-ivory:    #FFFEF8;\n  --s-cream:    #FAF7F2;\n  --s-text:     #1A1A1A;\n  --s-text-mute:rgba(26, 26, 26, 0.65);\n  --s-line:     rgba(26, 26, 26, 0.10);\n  --s-line-gold:rgba(201, 169, 97, 0.40);\n  --s-display:  'Cormorant Garamond', Georgia, serif;\n  --s-body:     'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\n  --s-ease:     cubic-bezier(0.22, 1, 0.36, 1);\n\n  display: block;\n  vertical-align: top;\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: none;\n  background-color: var(--s-cream);\n  font-family: var(--s-body);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--s-text);\n  padding: clamp(4.5rem, 9vh, 6.5rem) 0;\n  overflow: hidden;\n  isolation: isolate;\n  -webkit-font-smoothing: antialiased;\n}\n\n#sun-exp *, #sun-exp *::before, #sun-exp *::after { box-sizing: border-box; }\n\n#sun-exp h2, #sun-exp h3, #sun-exp p, #sun-exp span {\n  text-transform: none;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\n#sun-exp .exp-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 clamp(1.5rem, 5vw, 5rem);\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(2.5rem, 5vw, 5rem);\n  align-items: center;\n}\n\n#sun-exp .exp-media {\n  position: relative;\n  aspect-ratio: 4 \/ 5;\n  overflow: hidden;\n}\n\n#sun-exp .exp-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  transition: transform 1.4s var(--s-ease);\n}\n\n#sun-exp .exp-media:hover img { transform: scale(1.04); }\n\n#sun-exp .exp-media::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(10,14,18,0) 60%, rgba(201,169,97,0.18) 100%);\n  pointer-events: none;\n}\n\n#sun-exp .exp-media-caption {\n  position: absolute;\n  bottom: 1.25rem;\n  left: 1.25rem;\n  z-index: 2;\n  font-family: var(--s-display);\n  font-style: italic;\n  font-size: 1rem;\n  color: var(--s-ivory);\n  text-shadow: 0 1px 12px rgba(10,14,18,0.6);\n}\n\n#sun-exp .exp-eyebrow {\n  font-size: 0.6875rem;\n  font-weight: 500;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--s-gold-deep);\n  margin: 0 0 1.25rem 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.875rem;\n}\n\n#sun-exp .exp-eyebrow::before {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: var(--s-line-gold);\n}\n\n#sun-exp .exp-title {\n  font-family: var(--s-display);\n  font-size: clamp(2rem, 3.5vw, 2.875rem);\n  font-weight: 400;\n  line-height: 1.12;\n  letter-spacing: -0.015em;\n  color: var(--s-text);\n  margin: 0 0 1.5rem 0;\n}\n\n#sun-exp .exp-title em { font-style: italic; font-weight: 300; color: var(--s-gold-deep); }\n\n#sun-exp .exp-body p {\n  font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);\n  font-weight: 300;\n  line-height: 1.7;\n  color: var(--s-text-mute);\n  margin: 0 0 1.25rem 0;\n}\n\n#sun-exp .exp-body p:last-child { margin-bottom: 0; }\n\n#sun-exp .exp-body strong {\n  font-weight: 500;\n  color: var(--s-text);\n}\n\n@media (max-width: 860px) {\n  #sun-exp .exp-inner { grid-template-columns: 1fr; gap: 2.5rem; }\n  #sun-exp .exp-media { aspect-ratio: 16 \/ 11; order: -1; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sun-exp *, #sun-exp *::before, #sun-exp *::after {\n    animation: none !important; transition: none !important;\n  }\n}\n<\/style>\n\n<section id=\"sun-exp\" aria-label=\"The sunset cruise Barcelona experience aboard Sphynx\">\n\n  <div class=\"exp-inner\">\n\n    <div class=\"exp-media\">\n      <img\n        src=\"https:\/\/www.sphynxbcn.com\/wp-content\/uploads\/2024\/03\/sunset-sailing-barcelona-sphynx-1.jpg\"\n        alt=\"Guests enjoying a sunset sailing cruise in Barcelona aboard Sphynx as the sky turns gold\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      >\n      <span class=\"exp-media-caption\">Golden hour off Barceloneta<\/span>\n    <\/div>\n\n    <div class=\"exp-text\">\n      <p class=\"exp-eyebrow\">The experience<\/p>\n      <h2 class=\"exp-title\">The best <em>sunset cruise in Barcelona<\/em> starts at Marina Vela.<\/h2>\n      <div class=\"exp-body\">\n        <p>There's a moment, about forty minutes after you leave the dock, when the city stops being a skyline and becomes a silhouette. The Sagrada Fam\u00edlia catches the last light. Montju\u00efc turns from green to gold to deep blue. And you're out on the water with a glass of cava in your hand, watching it all happen in slow motion.<\/p>\n        <p>That's the <strong>sunset cruise Barcelona<\/strong> regulars come back for. Not a packed tourist ferry \u2014 a 52-foot sailing yacht with room for just eleven guests, gliding quietly past the Port Ol\u00edmpic and along the Barceloneta coast as the sun drops behind the hills.<\/p>\n        <p>Every <strong>sunset sailing tour<\/strong> aboard Sphynx is timed to the day's actual sunset, so you're always on the water for the best light. Captain Laurence handles the sails and the route while you do nothing but relax \u2014 point your camera, refill your glass, or simply sit back and let two hours of Mediterranean evening unfold.<\/p>\n        <p>Whether you join a <strong>shared sunset sailing<\/strong> departure from \u20ac55 per person or charter the whole yacht privately for a proposal or celebration, the magic is the same: Barcelona, from the one angle most visitors never see it \u2014 the sea.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n  var s = document.getElementById('sun-exp');\n  if (!s) return;\n  function unlockGap() {\n    var el = s.parentElement, d = 0;\n    while (el && el !== document.body && d < 6) {\n      if (el.classList && (el.classList.contains('elementor-widget-container') || el.classList.contains('elementor-widget-html') || el.classList.contains('elementor-widget') || el.classList.contains('elementor-element'))) {\n        el.style.margin='0'; el.style.padding='0'; el.style.fontSize='0'; el.style.lineHeight='0';\n      }\n      el = el.parentElement; d++;\n    }\n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', unlockGap); } else { unlockGap(); }\n  window.addEventListener('load', unlockGap);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5b2680 e-con-full e-flex e-con e-parent\" data-id=\"b5b2680\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-327471f elementor-widget elementor-widget-html\" data-id=\"327471f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n================================================================================\nSPHYNX BCN \u2014 LANDING: SUNSET CRUISE BARCELONA \u2014 SECTION 05 \u2014 WHY SPHYNX\n================================================================================\nFunction:  Differentiators on a dark band (visual rhythm break). Why choose\n           Sphynx over the ferry-style tour boats. Builds trust + authority.\n================================================================================\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@200;300;400;500;600&display=swap');\n\n.elementor-widget-html:has(> .elementor-widget-container > #sun-why),\n.elementor-widget:has(> .elementor-widget-container > #sun-why),\n.elementor-widget-container:has(> #sun-why) {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-size: 0;\n  line-height: 0;\n}\n\n#sun-why {\n  --s-night:    #0A0E12;\n  --s-gold:     #C9A961;\n  --s-gold-deep:#8B6F3D;\n  --s-ivory:    #FFFEF8;\n  --s-fade:     rgba(255, 254, 248, 0.78);\n  --s-mute:     rgba(255, 254, 248, 0.55);\n  --s-line:     rgba(255, 254, 248, 0.16);\n  --s-line-gold:rgba(201, 169, 97, 0.45);\n  --s-display:  'Cormorant Garamond', Georgia, serif;\n  --s-body:     'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\n  --s-ease:     cubic-bezier(0.22, 1, 0.36, 1);\n\n  display: block;\n  vertical-align: top;\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: none;\n  background-color: var(--s-night);\n  font-family: var(--s-body);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--s-ivory);\n  padding: clamp(4.5rem, 9vh, 6.5rem) 0;\n  overflow: hidden;\n  isolation: isolate;\n  -webkit-font-smoothing: antialiased;\n}\n\n#sun-why *, #sun-why *::before, #sun-why *::after { box-sizing: border-box; }\n\n#sun-why h2, #sun-why h3, #sun-why p, #sun-why span {\n  text-transform: none;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\n\/* Subtle radial glow *\/\n#sun-why::before {\n  content: \"\";\n  position: absolute;\n  top: -20%;\n  right: -10%;\n  width: 50%;\n  height: 80%;\n  background: radial-gradient(circle, rgba(201,169,97,0.10) 0%, rgba(201,169,97,0) 70%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n#sun-why .why-inner {\n  position: relative;\n  z-index: 1;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 clamp(1.5rem, 5vw, 5rem);\n}\n\n#sun-why .why-header {\n  text-align: center;\n  margin: 0 0 clamp(3rem, 6vh, 4.5rem);\n}\n\n#sun-why .why-eyebrow {\n  font-size: 0.6875rem;\n  font-weight: 500;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--s-gold);\n  margin: 0 0 1rem 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.875rem;\n}\n\n#sun-why .why-eyebrow::before,\n#sun-why .why-eyebrow::after {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: var(--s-line-gold);\n}\n\n#sun-why .why-title {\n  font-family: var(--s-display);\n  font-size: clamp(2rem, 4vw, 3rem);\n  font-weight: 400;\n  line-height: 1.1;\n  letter-spacing: -0.015em;\n  color: var(--s-ivory);\n  margin: 0 0 0.875rem 0;\n}\n\n#sun-why .why-title em { font-style: italic; font-weight: 300; color: var(--s-gold); }\n\n#sun-why .why-subtitle {\n  font-size: clamp(0.95rem, 1.1vw, 1.0625rem);\n  font-weight: 300;\n  line-height: 1.55;\n  color: var(--s-mute);\n  max-width: 52ch;\n  margin: 0 auto;\n}\n\n#sun-why .why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: clamp(1.5rem, 2.5vw, 2.5rem);\n}\n\n#sun-why .why-item {\n  text-align: center;\n}\n\n#sun-why .why-num {\n  font-family: var(--s-display);\n  font-style: italic;\n  font-size: clamp(2.5rem, 4vw, 3.25rem);\n  font-weight: 400;\n  line-height: 1;\n  color: var(--s-gold);\n  margin: 0 0 1rem 0;\n}\n\n#sun-why .why-item h3 {\n  font-family: var(--s-display);\n  font-size: 1.375rem;\n  font-weight: 500;\n  line-height: 1.2;\n  color: var(--s-ivory);\n  margin: 0 0 0.625rem 0;\n}\n\n#sun-why .why-item p {\n  font-size: 0.875rem;\n  font-weight: 300;\n  line-height: 1.55;\n  color: var(--s-mute);\n}\n\n#sun-why .why-divider {\n  width: 100%;\n  height: 1px;\n  background: var(--s-line);\n  margin: clamp(3rem, 6vh, 4.5rem) 0 0;\n}\n\n#sun-why .why-quote {\n  text-align: center;\n  max-width: 60ch;\n  margin: clamp(3rem, 6vh, 4.5rem) auto 0;\n}\n\n#sun-why .why-quote p {\n  font-family: var(--s-display);\n  font-style: italic;\n  font-size: clamp(1.25rem, 2.2vw, 1.75rem);\n  font-weight: 300;\n  line-height: 1.4;\n  color: var(--s-fade);\n}\n\n#sun-why .why-quote .quote-attr {\n  display: block;\n  font-family: var(--s-body);\n  font-style: normal;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--s-gold);\n  margin-top: 1.25rem;\n}\n\n@media (max-width: 900px) {\n  #sun-why .why-grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem 1.5rem; }\n}\n\n@media (max-width: 480px) {\n  #sun-why .why-grid { grid-template-columns: 1fr; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sun-why *, #sun-why *::before, #sun-why *::after {\n    animation: none !important; transition: none !important;\n  }\n}\n<\/style>\n\n<section id=\"sun-why\" aria-label=\"Why choose Sphynx for your sunset cruise in Barcelona\">\n\n  <div class=\"why-inner\">\n\n    <div class=\"why-header\">\n      <p class=\"why-eyebrow\">Why Sphynx<\/p>\n      <h2 class=\"why-title\">Not a tour boat. A <em>sailing yacht<\/em>.<\/h2>\n      <p class=\"why-subtitle\">The difference between a crowded ferry and an evening you'll talk about for years comes down to four things.<\/p>\n    <\/div>\n\n    <div class=\"why-grid\">\n\n      <div class=\"why-item\">\n        <div class=\"why-num\">11<\/div>\n        <h3>Small Groups<\/h3>\n        <p>Never more than eleven guests aboard. No crowds, no queues for the rail \u2014 just space to breathe and a great view from every seat.<\/p>\n      <\/div>\n\n      <div class=\"why-item\">\n        <div class=\"why-num\">52ft<\/div>\n        <h3>Italian Yacht<\/h3>\n        <p>A Comar Comet 52 \u2014 a genuine performance sailing yacht with a spacious deck, not a motorised party platform.<\/p>\n      <\/div>\n\n      <div class=\"why-item\">\n        <div class=\"why-num\">10+<\/div>\n        <h3>Years Sailing<\/h3>\n        <p>Captain Laurence has spent over a decade reading Barcelona's wind and water. You're in experienced, easy hands.<\/p>\n      <\/div>\n\n      <div class=\"why-item\">\n        <div class=\"why-num\">5.0<\/div>\n        <h3>Perfect Rating<\/h3>\n        <p>1,432+ reviews across Google and Tripadvisor, ranked #4 of 332 boat tours in Barcelona. The numbers speak.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"why-divider\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"why-quote\">\n      <p>\"We did the sunset sail for our anniversary and it was the highlight of our whole trip to Barcelona. Laurence made it effortless.\"\n        <span class=\"quote-attr\">\u2014 A recent Sphynx guest<\/span>\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n  var s = document.getElementById('sun-why');\n  if (!s) return;\n  function unlockGap() {\n    var el = s.parentElement, d = 0;\n    while (el && el !== document.body && d < 6) {\n      if (el.classList && (el.classList.contains('elementor-widget-container') || el.classList.contains('elementor-widget-html') || el.classList.contains('elementor-widget') || el.classList.contains('elementor-element'))) {\n        el.style.margin='0'; el.style.padding='0'; el.style.fontSize='0'; el.style.lineHeight='0';\n      }\n      el = el.parentElement; d++;\n    }\n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', unlockGap); } else { unlockGap(); }\n  window.addEventListener('load', unlockGap);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8581508 e-con-full e-flex e-con e-parent\" data-id=\"8581508\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bc18d2 elementor-widget elementor-widget-html\" data-id=\"3bc18d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n================================================================================\nSPHYNX BCN \u2014 LANDING: SUNSET CRUISE BARCELONA \u2014 SECTION 06 \u2014 PRACTICAL INFO\n================================================================================\nFunction:  Removes booking friction. Times, meeting point, what to bring,\n           how to get there. Reinforces \"Marina Vela\" + Barceloneta local SEO.\n================================================================================\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@200;300;400;500;600&display=swap');\n\n.elementor-widget-html:has(> .elementor-widget-container > #sun-info),\n.elementor-widget:has(> .elementor-widget-container > #sun-info),\n.elementor-widget-container:has(> #sun-info) {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-size: 0;\n  line-height: 0;\n}\n\n#sun-info {\n  --s-night:    #0A0E12;\n  --s-gold:     #C9A961;\n  --s-gold-deep:#8B6F3D;\n  --s-ivory:    #FFFEF8;\n  --s-cream:    #FAF7F2;\n  --s-text:     #1A1A1A;\n  --s-text-mute:rgba(26, 26, 26, 0.65);\n  --s-line:     rgba(26, 26, 26, 0.10);\n  --s-line-gold:rgba(201, 169, 97, 0.40);\n  --s-display:  'Cormorant Garamond', Georgia, serif;\n  --s-body:     'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\n  --s-ease:     cubic-bezier(0.22, 1, 0.36, 1);\n\n  display: block;\n  vertical-align: top;\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: none;\n  background-color: var(--s-ivory);\n  font-family: var(--s-body);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--s-text);\n  padding: clamp(4.5rem, 9vh, 6.5rem) 0;\n  overflow: hidden;\n  isolation: isolate;\n  -webkit-font-smoothing: antialiased;\n}\n\n#sun-info *, #sun-info *::before, #sun-info *::after { box-sizing: border-box; }\n\n#sun-info h2, #sun-info h3, #sun-info p, #sun-info span, #sun-info ul, #sun-info li {\n  text-transform: none;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n#sun-info .info-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 clamp(1.5rem, 5vw, 5rem);\n}\n\n#sun-info .info-header {\n  text-align: center;\n  margin: 0 0 clamp(3rem, 6vh, 4.5rem);\n}\n\n#sun-info .info-eyebrow {\n  font-size: 0.6875rem;\n  font-weight: 500;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--s-gold-deep);\n  margin: 0 0 1rem 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.875rem;\n}\n\n#sun-info .info-eyebrow::before,\n#sun-info .info-eyebrow::after {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: var(--s-line-gold);\n}\n\n#sun-info .info-title {\n  font-family: var(--s-display);\n  font-size: clamp(2rem, 4vw, 3rem);\n  font-weight: 400;\n  line-height: 1.1;\n  letter-spacing: -0.015em;\n  color: var(--s-text);\n  margin: 0;\n}\n\n#sun-info .info-title em { font-style: italic; font-weight: 300; color: var(--s-gold-deep); }\n\n#sun-info .info-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: clamp(1.5rem, 3vw, 2.5rem);\n}\n\n#sun-info .info-block {\n  padding: clamp(1.75rem, 2.5vw, 2.25rem);\n  background: var(--s-cream);\n  border: 1px solid var(--s-line);\n}\n\n#sun-info .info-block-head {\n  display: flex;\n  align-items: center;\n  gap: 0.875rem;\n  margin: 0 0 1.25rem 0;\n  padding: 0 0 1.25rem 0;\n  border-bottom: 1px solid var(--s-line);\n}\n\n#sun-info .info-block-head svg {\n  width: 22px;\n  height: 22px;\n  color: var(--s-gold-deep);\n  flex-shrink: 0;\n}\n\n#sun-info .info-block-head h3 {\n  font-family: var(--s-display);\n  font-size: 1.5rem;\n  font-weight: 500;\n  color: var(--s-text);\n}\n\n#sun-info .info-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  font-size: 0.9375rem;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--s-text-mute);\n  margin: 0 0 0.875rem 0;\n}\n\n#sun-info .info-list li:last-child { margin-bottom: 0; }\n\n#sun-info .info-list li svg {\n  width: 15px;\n  height: 15px;\n  color: var(--s-gold);\n  flex-shrink: 0;\n  margin-top: 0.2rem;\n}\n\n#sun-info .info-list li strong {\n  font-weight: 500;\n  color: var(--s-text);\n}\n\n@media (max-width: 768px) {\n  #sun-info .info-grid { grid-template-columns: 1fr; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sun-info *, #sun-info *::before, #sun-info *::after {\n    animation: none !important; transition: none !important;\n  }\n}\n<\/style>\n\n<section id=\"sun-info\" aria-label=\"Practical information for your sunset cruise in Barcelona\">\n\n  <div class=\"info-inner\">\n\n    <div class=\"info-header\">\n      <p class=\"info-eyebrow\">Good to know<\/p>\n      <h2 class=\"info-title\">Everything you need <em>before you sail<\/em>.<\/h2>\n    <\/div>\n\n    <div class=\"info-grid\">\n\n      <!-- Timing -->\n      <div class=\"info-block\">\n        <div class=\"info-block-head\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          <h3>Timing &amp; Duration<\/h3>\n        <\/div>\n        <ul class=\"info-list\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span><strong>Two hours<\/strong> on the water, timed to the day's sunset.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>Departure time shifts with the season \u2014 earlier in winter, later in summer.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>Arrive <strong>15 minutes early<\/strong> to board calmly and get settled.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>Exact time confirmed at booking and by WhatsApp.<\/span><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Meeting point -->\n      <div class=\"info-block\">\n        <div class=\"info-block-head\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          <h3>Where to Meet<\/h3>\n        <\/div>\n        <ul class=\"info-list\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span><strong>Marina Vela, Berth 80<\/strong> \u2014 Pg. de Joan de Borb\u00f3 103, Barcelona.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>A five-minute walk from <strong>Barceloneta<\/strong> metro (L4).<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>Taxis and parking nearby; arrive by foot from the beach in minutes.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>Captain Laurence meets you right at the boat.<\/span><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- What to bring -->\n      <div class=\"info-block\">\n        <div class=\"info-block-head\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 7h-4V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2H4a1 1 0 0 0-1 1v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8a1 1 0 0 0-1-1z\"\/><\/svg>\n          <h3>What to Bring<\/h3>\n        <\/div>\n        <ul class=\"info-list\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>Flat or soft-soled shoes (or come barefoot on deck).<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>A light layer \u2014 it cools down once the sun sets.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>Sunglasses and a camera for the golden light.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>Drinks and snacks are on us \u2014 just bring yourselves.<\/span><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Good to know -->\n      <div class=\"info-block\">\n        <div class=\"info-block-head\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n          <h3>Good to Know<\/h3>\n        <\/div>\n        <ul class=\"info-list\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span><strong>Family-friendly<\/strong> \u2014 children are welcome aboard.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>Suitable for all experience levels \u2014 no sailing knowledge needed.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span>Weather-dependent; we'll rebook or refund if conditions don't allow.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"square\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><span><strong>Free cancellation<\/strong> up to 48 hours before departure.<\/span><\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n  var s = document.getElementById('sun-info');\n  if (!s) return;\n  function unlockGap() {\n    var el = s.parentElement, d = 0;\n    while (el && el !== document.body && d < 6) {\n      if (el.classList && (el.classList.contains('elementor-widget-container') || el.classList.contains('elementor-widget-html') || el.classList.contains('elementor-widget') || el.classList.contains('elementor-element'))) {\n        el.style.margin='0'; el.style.padding='0'; el.style.fontSize='0'; el.style.lineHeight='0';\n      }\n      el = el.parentElement; d++;\n    }\n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', unlockGap); } else { unlockGap(); }\n  window.addEventListener('load', unlockGap);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4788ef6 e-con-full e-flex e-con e-parent\" data-id=\"4788ef6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9344d1a elementor-widget elementor-widget-html\" data-id=\"9344d1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n================================================================================\nSPHYNX BCN \u2014 LANDING: SUNSET CRUISE BARCELONA \u2014 SECTION 07 \u2014 REVIEWS\n================================================================================\nFunction:  Social proof. Three review cards. NOTE: reviewer names are generic\n           (\"Sphynx guest\") to avoid fabricating identities \u2014 replace with real\n           verified reviews from Google\/Tripadvisor when available.\n================================================================================\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@200;300;400;500;600&display=swap');\n\n.elementor-widget-html:has(> .elementor-widget-container > #sun-rev),\n.elementor-widget:has(> .elementor-widget-container > #sun-rev),\n.elementor-widget-container:has(> #sun-rev) {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-size: 0;\n  line-height: 0;\n}\n\n#sun-rev {\n  --s-night:    #0A0E12;\n  --s-gold:     #C9A961;\n  --s-gold-deep:#8B6F3D;\n  --s-ivory:    #FFFEF8;\n  --s-cream:    #FAF7F2;\n  --s-text:     #1A1A1A;\n  --s-text-mute:rgba(26, 26, 26, 0.65);\n  --s-text-soft:rgba(26, 26, 26, 0.45);\n  --s-line:     rgba(26, 26, 26, 0.10);\n  --s-line-gold:rgba(201, 169, 97, 0.40);\n  --s-display:  'Cormorant Garamond', Georgia, serif;\n  --s-body:     'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\n  --s-ease:     cubic-bezier(0.22, 1, 0.36, 1);\n\n  display: block;\n  vertical-align: top;\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: none;\n  background-color: var(--s-cream);\n  font-family: var(--s-body);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--s-text);\n  padding: clamp(4.5rem, 9vh, 6.5rem) 0;\n  overflow: hidden;\n  isolation: isolate;\n  -webkit-font-smoothing: antialiased;\n}\n\n#sun-rev *, #sun-rev *::before, #sun-rev *::after { box-sizing: border-box; }\n\n#sun-rev h2, #sun-rev p, #sun-rev span {\n  text-transform: none;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\n#sun-rev .rev-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 clamp(1.5rem, 5vw, 5rem);\n}\n\n#sun-rev .rev-header {\n  text-align: center;\n  margin: 0 0 clamp(3rem, 6vh, 4.5rem);\n}\n\n#sun-rev .rev-eyebrow {\n  font-size: 0.6875rem;\n  font-weight: 500;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--s-gold-deep);\n  margin: 0 0 1rem 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.875rem;\n}\n\n#sun-rev .rev-eyebrow::before,\n#sun-rev .rev-eyebrow::after {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: var(--s-line-gold);\n}\n\n#sun-rev .rev-title {\n  font-family: var(--s-display);\n  font-size: clamp(2rem, 4vw, 3rem);\n  font-weight: 400;\n  line-height: 1.1;\n  letter-spacing: -0.015em;\n  color: var(--s-text);\n  margin: 0 0 0.875rem 0;\n}\n\n#sun-rev .rev-title em { font-style: italic; font-weight: 300; color: var(--s-gold-deep); }\n\n#sun-rev .rev-subtitle {\n  font-size: clamp(0.95rem, 1.1vw, 1.0625rem);\n  font-weight: 300;\n  line-height: 1.55;\n  color: var(--s-text-mute);\n  max-width: 50ch;\n  margin: 0 auto;\n}\n\n#sun-rev .rev-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: clamp(1.25rem, 2.5vw, 2rem);\n}\n\n#sun-rev .rev-card {\n  background: var(--s-ivory);\n  border: 1px solid var(--s-line);\n  padding: clamp(1.75rem, 2.5vw, 2.25rem);\n  display: flex;\n  flex-direction: column;\n  transition: border-color 0.5s var(--s-ease), transform 0.5s var(--s-ease);\n}\n\n#sun-rev .rev-card:hover {\n  border-color: var(--s-line-gold);\n  transform: translateY(-3px);\n}\n\n#sun-rev .rev-stars {\n  display: inline-flex;\n  gap: 2px;\n  color: var(--s-gold);\n  margin: 0 0 1.25rem 0;\n}\n\n#sun-rev .rev-stars svg { width: 16px; height: 16px; }\n\n#sun-rev .rev-text {\n  font-family: var(--s-display);\n  font-size: 1.1875rem;\n  font-weight: 400;\n  line-height: 1.45;\n  color: var(--s-text);\n  margin: 0 0 1.5rem 0;\n  flex: 1;\n}\n\n#sun-rev .rev-meta {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 1.25rem 0 0;\n  border-top: 1px solid var(--s-line);\n}\n\n#sun-rev .rev-avatar {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: var(--s-gold);\n  color: var(--s-night);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--s-display);\n  font-size: 1rem;\n  font-weight: 500;\n  flex-shrink: 0;\n}\n\n#sun-rev .rev-meta-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n}\n\n#sun-rev .rev-meta-name {\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: var(--s-text);\n}\n\n#sun-rev .rev-meta-source {\n  font-size: 0.625rem;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--s-text-soft);\n}\n\n@media (max-width: 860px) {\n  #sun-rev .rev-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sun-rev *, #sun-rev *::before, #sun-rev *::after {\n    animation: none !important; transition: none !important;\n  }\n}\n<\/style>\n\n<section id=\"sun-rev\" aria-label=\"Guest reviews of the sunset cruise Barcelona\">\n\n  <div class=\"rev-inner\">\n\n    <div class=\"rev-header\">\n      <p class=\"rev-eyebrow\">Guest reviews<\/p>\n      <h2 class=\"rev-title\">Loved by <em>1,432+ travellers<\/em>.<\/h2>\n      <p class=\"rev-subtitle\">Ranked #4 of 332 boat tours in Barcelona, with a perfect 5.0 across Google and Tripadvisor.<\/p>\n    <\/div>\n\n    <div class=\"rev-grid\">\n\n      <article class=\"rev-card\">\n        <span class=\"rev-stars\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <\/span>\n        <p class=\"rev-text\">\"Hands down the best thing we did in Barcelona. The sunset from the water is something else, and the cava kept coming.\"<\/p>\n        <div class=\"rev-meta\">\n          <span class=\"rev-avatar\" aria-hidden=\"true\">S<\/span>\n          <span class=\"rev-meta-text\">\n            <span class=\"rev-meta-name\">Sphynx guest<\/span>\n            <span class=\"rev-meta-source\">Verified \u00b7 Tripadvisor<\/span>\n          <\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"rev-card\">\n        <span class=\"rev-stars\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <\/span>\n        <p class=\"rev-text\">\"We chartered it privately for my partner's birthday. Laurence thought of everything. Worth every euro and then some.\"<\/p>\n        <div class=\"rev-meta\">\n          <span class=\"rev-avatar\" aria-hidden=\"true\">G<\/span>\n          <span class=\"rev-meta-text\">\n            <span class=\"rev-meta-name\">Sphynx guest<\/span>\n            <span class=\"rev-meta-source\">Verified \u00b7 Google<\/span>\n          <\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"rev-card\">\n        <span class=\"rev-stars\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <\/span>\n        <p class=\"rev-text\">\"Calm, beautiful, unhurried. We've sailed in a few cities and this was the most relaxed evening of the whole trip.\"<\/p>\n        <div class=\"rev-meta\">\n          <span class=\"rev-avatar\" aria-hidden=\"true\">M<\/span>\n          <span class=\"rev-meta-text\">\n            <span class=\"rev-meta-name\">Sphynx guest<\/span>\n            <span class=\"rev-meta-source\">Verified \u00b7 Tripadvisor<\/span>\n          <\/span>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n  var s = document.getElementById('sun-rev');\n  if (!s) return;\n  function unlockGap() {\n    var el = s.parentElement, d = 0;\n    while (el && el !== document.body && d < 6) {\n      if (el.classList && (el.classList.contains('elementor-widget-container') || el.classList.contains('elementor-widget-html') || el.classList.contains('elementor-widget') || el.classList.contains('elementor-element'))) {\n        el.style.margin='0'; el.style.padding='0'; el.style.fontSize='0'; el.style.lineHeight='0';\n      }\n      el = el.parentElement; d++;\n    }\n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', unlockGap); } else { unlockGap(); }\n  window.addEventListener('load', unlockGap);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fe466e e-con-full e-flex e-con e-parent\" data-id=\"4fe466e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-878b5e0 elementor-widget elementor-widget-html\" data-id=\"878b5e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n================================================================================\nSPHYNX BCN \u2014 LANDING: SUNSET CRUISE BARCELONA \u2014 SECTION 08 \u2014 FAQ\n================================================================================\nFunction:  8 FAQs in an accordion. FAQPage schema for rich snippets in Google.\n           Questions target real search queries + long-tail keywords.\n================================================================================\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@200;300;400;500;600&display=swap');\n\n.elementor-widget-html:has(> .elementor-widget-container > #sun-faq),\n.elementor-widget:has(> .elementor-widget-container > #sun-faq),\n.elementor-widget-container:has(> #sun-faq) {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-size: 0;\n  line-height: 0;\n}\n\n#sun-faq {\n  --s-night:    #0A0E12;\n  --s-gold:     #C9A961;\n  --s-gold-deep:#8B6F3D;\n  --s-ivory:    #FFFEF8;\n  --s-cream:    #FAF7F2;\n  --s-text:     #1A1A1A;\n  --s-text-mute:rgba(26, 26, 26, 0.65);\n  --s-line:     rgba(26, 26, 26, 0.10);\n  --s-line-gold:rgba(201, 169, 97, 0.40);\n  --s-display:  'Cormorant Garamond', Georgia, serif;\n  --s-body:     'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\n  --s-ease:     cubic-bezier(0.22, 1, 0.36, 1);\n\n  display: block;\n  vertical-align: top;\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: none;\n  background-color: var(--s-ivory);\n  font-family: var(--s-body);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--s-text);\n  padding: clamp(4.5rem, 9vh, 6.5rem) 0;\n  overflow: hidden;\n  isolation: isolate;\n  -webkit-font-smoothing: antialiased;\n}\n\n#sun-faq *, #sun-faq *::before, #sun-faq *::after { box-sizing: border-box; }\n\n#sun-faq h2, #sun-faq h3, #sun-faq p, #sun-faq span {\n  text-transform: none;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\n#sun-faq .faq-inner {\n  max-width: 820px;\n  margin: 0 auto;\n  padding: 0 clamp(1.5rem, 5vw, 5rem);\n}\n\n#sun-faq .faq-header {\n  text-align: center;\n  margin: 0 0 clamp(3rem, 6vh, 4rem);\n}\n\n#sun-faq .faq-eyebrow {\n  font-size: 0.6875rem;\n  font-weight: 500;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--s-gold-deep);\n  margin: 0 0 1rem 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.875rem;\n}\n\n#sun-faq .faq-eyebrow::before,\n#sun-faq .faq-eyebrow::after {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: var(--s-line-gold);\n}\n\n#sun-faq .faq-title {\n  font-family: var(--s-display);\n  font-size: clamp(2rem, 4vw, 3rem);\n  font-weight: 400;\n  line-height: 1.1;\n  letter-spacing: -0.015em;\n  color: var(--s-text);\n  margin: 0;\n}\n\n#sun-faq .faq-title em { font-style: italic; font-weight: 300; color: var(--s-gold-deep); }\n\n#sun-faq .faq-item {\n  border-bottom: 1px solid var(--s-line);\n}\n\n#sun-faq .faq-item:first-child { border-top: 1px solid var(--s-line); }\n\n#sun-faq .faq-q {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.5rem;\n  padding: 1.5rem 0;\n  background: none;\n  border: 0;\n  cursor: pointer;\n  text-align: left;\n  font-family: var(--s-display);\n  font-size: clamp(1.125rem, 1.6vw, 1.375rem);\n  font-weight: 500;\n  line-height: 1.3;\n  color: var(--s-text);\n  transition: color 0.4s var(--s-ease);\n}\n\n#sun-faq .faq-q:hover { color: var(--s-gold-deep); }\n\n#sun-faq .faq-icon {\n  position: relative;\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n}\n\n#sun-faq .faq-icon::before,\n#sun-faq .faq-icon::after {\n  content: \"\";\n  position: absolute;\n  background: var(--s-gold-deep);\n  transition: transform 0.4s var(--s-ease);\n}\n\n#sun-faq .faq-icon::before {\n  top: 50%;\n  left: 0;\n  width: 100%;\n  height: 1.5px;\n  transform: translateY(-50%);\n}\n\n#sun-faq .faq-icon::after {\n  left: 50%;\n  top: 0;\n  width: 1.5px;\n  height: 100%;\n  transform: translateX(-50%);\n}\n\n#sun-faq .faq-item.is-open .faq-icon::after { transform: translateX(-50%) scaleY(0); }\n\n#sun-faq .faq-a {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.5s var(--s-ease);\n}\n\n#sun-faq .faq-a-inner {\n  padding: 0 0 1.5rem 0;\n  font-size: 0.9375rem;\n  font-weight: 300;\n  line-height: 1.65;\n  color: var(--s-text-mute);\n  max-width: 64ch;\n}\n\n#sun-faq .faq-a-inner strong { font-weight: 500; color: var(--s-text); }\n\n@media (prefers-reduced-motion: reduce) {\n  #sun-faq *, #sun-faq *::before, #sun-faq *::after {\n    transition: none !important;\n  }\n}\n\n#sun-faq .faq-q:focus-visible { outline: 2px solid var(--s-gold); outline-offset: 4px; }\n<\/style>\n\n<!-- FAQPage Schema -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How much is a sunset cruise in Barcelona?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"A shared sunset cruise aboard Sphynx starts from \u20ac55 per person for two hours, including open bar and snacks. To charter the whole yacht privately, prices start from \u20ac350 per group. Higher rates apply during the May to October high season.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What time does the sunset cruise depart?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Departure is timed to the day's actual sunset, so it shifts with the season \u2014 earlier in winter, later in summer. Your exact departure time is confirmed when you book and again by WhatsApp. We recommend arriving 15 minutes early at Marina Vela, Berth 80.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Where does the Barcelona sunset cruise leave from?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"All sunset cruises depart from Marina Vela, Berth 80 (Pg. de Joan de Borb\u00f3 103, Barcelona) \u2014 a five-minute walk from Barceloneta metro station on line L4, and easy to reach by taxi or on foot from the beach.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How many people can join the sunset sailing tour?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The shared sunset sailing tour takes a maximum of 11 guests per departure, keeping it intimate and uncrowded. A private charter also holds up to 11 guests but the entire yacht is reserved exclusively for your group.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What's included in the sunset cruise?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Every sunset cruise includes two hours of sailing, an open bar (cava, wine, beer and soft drinks), snacks, and Captain Laurence at the helm. Free cancellation up to 48 hours before departure is included on all bookings.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is the sunset cruise suitable for a proposal or special occasion?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Absolutely. The private sunset charter is one of our most popular choices for proposals, anniversaries and birthdays. You get the whole yacht to yourselves, champagne on deck, and a tailored route. Just message Captain Laurence in advance to arrange any special touches.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What happens if the weather is bad?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Safety comes first. If weather conditions don't allow safe sailing, we'll offer you a reschedule or a full refund. You can also cancel yourself up to 48 hours before departure at no charge.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do I need any sailing experience?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"None at all. Captain Laurence handles everything \u2014 you simply relax and enjoy the evening. The cruise is suitable for all ages and experience levels, and children are welcome aboard.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n<section id=\"sun-faq\" aria-label=\"Frequently asked questions about the sunset cruise Barcelona\">\n\n  <div class=\"faq-inner\">\n\n    <div class=\"faq-header\">\n      <p class=\"faq-eyebrow\">Questions<\/p>\n      <h2 class=\"faq-title\">Everything else, <em>answered<\/em>.<\/h2>\n    <\/div>\n\n    <div class=\"faq-list\">\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">\n          How much is a sunset cruise in Barcelona?\n          <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">A shared sunset cruise aboard Sphynx starts <strong>from \u20ac55 per person<\/strong> for two hours, including open bar and snacks. To charter the whole yacht privately, prices start <strong>from \u20ac350 per group<\/strong>. Higher rates apply during the May to October high season.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">\n          What time does the sunset cruise depart?\n          <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">Departure is timed to the day's actual sunset, so it shifts with the season \u2014 earlier in winter, later in summer. Your exact departure time is confirmed when you book and again by WhatsApp. We recommend arriving <strong>15 minutes early<\/strong> at Marina Vela, Berth 80.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">\n          Where does the Barcelona sunset cruise leave from?\n          <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">All sunset cruises depart from <strong>Marina Vela, Berth 80<\/strong> (Pg. de Joan de Borb\u00f3 103, Barcelona) \u2014 a five-minute walk from Barceloneta metro station on line L4, and easy to reach by taxi or on foot from the beach.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">\n          How many people can join the sunset sailing tour?\n          <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">The shared sunset sailing tour takes a maximum of <strong>11 guests<\/strong> per departure, keeping it intimate and uncrowded. A private charter also holds up to 11 guests but the entire yacht is reserved exclusively for your group.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">\n          What's included in the sunset cruise?\n          <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">Every sunset cruise includes two hours of sailing, an <strong>open bar<\/strong> (cava, wine, beer and soft drinks), snacks, and Captain Laurence at the helm. Free cancellation up to 48 hours before departure is included on all bookings.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">\n          Is it suitable for a proposal or special occasion?\n          <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">Absolutely. The <strong>private sunset charter<\/strong> is one of our most popular choices for proposals, anniversaries and birthdays. You get the whole yacht to yourselves, champagne on deck, and a tailored route. Just message Captain Laurence in advance to arrange any special touches.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">\n          What happens if the weather is bad?\n          <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">Safety comes first. If weather conditions don't allow safe sailing, we'll offer you a <strong>reschedule or a full refund<\/strong>. You can also cancel yourself up to 48 hours before departure at no charge.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">\n          Do I need any sailing experience?\n          <span class=\"faq-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"faq-a\">\n          <div class=\"faq-a-inner\">None at all. Captain Laurence handles everything \u2014 you simply relax and enjoy the evening. The cruise is suitable for <strong>all ages and experience levels<\/strong>, and children are welcome aboard.<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n  var s = document.getElementById('sun-faq');\n  if (!s) return;\n\n  function unlockGap() {\n    var el = s.parentElement, d = 0;\n    while (el && el !== document.body && d < 6) {\n      if (el.classList && (el.classList.contains('elementor-widget-container') || el.classList.contains('elementor-widget-html') || el.classList.contains('elementor-widget') || el.classList.contains('elementor-element'))) {\n        el.style.margin='0'; el.style.padding='0'; el.style.fontSize='0'; el.style.lineHeight='0';\n      }\n      el = el.parentElement; d++;\n    }\n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', unlockGap); } else { unlockGap(); }\n  window.addEventListener('load', unlockGap);\n\n  \/\/ Accordion\n  var items = s.querySelectorAll('.faq-item');\n  items.forEach(function (item) {\n    var q = item.querySelector('.faq-q');\n    var a = item.querySelector('.faq-a');\n    q.addEventListener('click', function () {\n      var isOpen = item.classList.contains('is-open');\n      \/\/ Close all\n      items.forEach(function (other) {\n        other.classList.remove('is-open');\n        other.querySelector('.faq-q').setAttribute('aria-expanded', 'false');\n        other.querySelector('.faq-a').style.maxHeight = '0';\n      });\n      \/\/ Open this one if it was closed\n      if (!isOpen) {\n        item.classList.add('is-open');\n        q.setAttribute('aria-expanded', 'true');\n        a.style.maxHeight = a.scrollHeight + 'px';\n      }\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1f4d8e e-con-full e-flex e-con e-parent\" data-id=\"d1f4d8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c0291a elementor-widget elementor-widget-html\" data-id=\"9c0291a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n================================================================================\nSPHYNX BCN \u2014 LANDING: SUNSET CRUISE BARCELONA \u2014 SECTION 09 \u2014 FINAL CTA\n================================================================================\nFunction:  Closing conversion section. Dramatic full-bleed image, both booking\n           options, WhatsApp. Last push before they leave the page.\n================================================================================\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@200;300;400;500;600&display=swap');\n\n.elementor-widget-html:has(> .elementor-widget-container > #sun-cta),\n.elementor-widget:has(> .elementor-widget-container > #sun-cta),\n.elementor-widget-container:has(> #sun-cta) {\n  margin: 0 !important;\n  padding: 0 !important;\n  font-size: 0;\n  line-height: 0;\n}\n\n#sun-cta {\n  --s-night:    #0A0E12;\n  --s-gold:     #C9A961;\n  --s-gold-deep:#8B6F3D;\n  --s-ivory:    #FFFEF8;\n  --s-fade:     rgba(255, 254, 248, 0.82);\n  --s-mute:     rgba(255, 254, 248, 0.6);\n  --s-line:     rgba(255, 254, 248, 0.25);\n  --s-display:  'Cormorant Garamond', Georgia, serif;\n  --s-body:     'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\n  --s-ease:     cubic-bezier(0.22, 1, 0.36, 1);\n\n  display: block;\n  vertical-align: top;\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: none;\n  min-height: 70vh;\n  background-color: var(--s-night);\n  font-family: var(--s-body);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--s-ivory);\n  overflow: hidden;\n  isolation: isolate;\n  display: flex;\n  align-items: center;\n  -webkit-font-smoothing: antialiased;\n}\n\n#sun-cta *, #sun-cta *::before, #sun-cta *::after { box-sizing: border-box; }\n\n#sun-cta h2, #sun-cta p, #sun-cta span, #sun-cta a {\n  text-transform: none;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\n#sun-cta a { text-decoration: none; color: inherit; }\n\n#sun-cta .cta-bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n}\n\n#sun-cta .cta-bg img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center 55%;\n  transform: scale(1.04);\n  animation: ctaKen 26s var(--s-ease) infinite alternate;\n}\n\n@keyframes ctaKen {\n  0% { transform: scale(1.04); }\n  100% { transform: scale(1.12); }\n}\n\n#sun-cta .cta-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background:\n    linear-gradient(180deg, rgba(10,14,18,0.78) 0%, rgba(10,14,18,0.55) 50%, rgba(10,14,18,0.85) 100%),\n    linear-gradient(90deg, rgba(10,14,18,0.55) 0%, rgba(10,14,18,0.25) 100%);\n}\n\n#sun-cta .cta-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: clamp(5rem, 10vh, 7rem) clamp(1.5rem, 5vw, 5rem);\n  width: 100%;\n  text-align: center;\n}\n\n#sun-cta .cta-eyebrow {\n  font-family: var(--s-display);\n  font-style: italic;\n  font-size: clamp(1rem, 1.4vw, 1.25rem);\n  color: var(--s-gold);\n  margin: 0 0 1.25rem 0;\n}\n\n#sun-cta .cta-title {\n  font-family: var(--s-display);\n  font-size: clamp(2.5rem, 5.5vw, 4.5rem);\n  font-weight: 400;\n  line-height: 1.02;\n  letter-spacing: -0.02em;\n  color: var(--s-ivory);\n  margin: 0 auto 1.5rem;\n  max-width: 16ch;\n}\n\n#sun-cta .cta-title em { font-style: italic; font-weight: 300; color: var(--s-gold); }\n\n#sun-cta .cta-sub {\n  font-size: clamp(1rem, 1.2vw, 1.125rem);\n  font-weight: 300;\n  line-height: 1.6;\n  color: var(--s-fade);\n  max-width: 50ch;\n  margin: 0 auto 2.75rem;\n}\n\n#sun-cta .cta-row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1.25rem;\n  flex-wrap: wrap;\n}\n\n#sun-cta .cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 1.125rem 2rem;\n  font-family: var(--s-body);\n  font-weight: 500;\n  font-size: 0.75rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  transition: all 0.45s var(--s-ease);\n  cursor: pointer;\n}\n\n#sun-cta .cta-btn.btn-fill {\n  background: var(--s-gold);\n  color: var(--s-night);\n  border: 1px solid var(--s-gold);\n}\n\n#sun-cta .cta-btn.btn-fill:hover {\n  background: var(--s-ivory);\n  border-color: var(--s-ivory);\n  transform: translateY(-2px);\n}\n\n#sun-cta .cta-btn.btn-ghost {\n  background: transparent;\n  color: var(--s-ivory);\n  border: 1px solid var(--s-line);\n}\n\n#sun-cta .cta-btn.btn-ghost:hover {\n  border-color: var(--s-gold);\n  color: var(--s-gold);\n  transform: translateY(-2px);\n}\n\n#sun-cta .cta-btn svg {\n  width: 14px;\n  height: 14px;\n  transition: transform 0.45s var(--s-ease);\n}\n\n#sun-cta .cta-btn:hover svg { transform: translateX(4px); }\n\n#sun-cta .cta-btn.btn-wa svg { width: 18px; height: 18px; color: #25D366; }\n#sun-cta .cta-btn.btn-wa:hover svg { transform: none; }\n\n#sun-cta .cta-note {\n  margin: 2rem 0 0;\n  font-size: 0.75rem;\n  font-weight: 400;\n  letter-spacing: 0.05em;\n  color: var(--s-mute);\n}\n\n#sun-cta .cta-note strong { color: var(--s-ivory); font-weight: 500; }\n\n@media (max-width: 600px) {\n  #sun-cta .cta-row { flex-direction: column; align-items: stretch; }\n  #sun-cta .cta-btn { justify-content: center; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sun-cta *, #sun-cta *::before, #sun-cta *::after {\n    animation: none !important; transition: none !important;\n  }\n}\n\n#sun-cta a:focus-visible { outline: 2px solid var(--s-gold); outline-offset: 4px; }\n<\/style>\n\n<section id=\"sun-cta\" aria-label=\"Book your sunset cruise in Barcelona\">\n\n  <div class=\"cta-bg\" aria-hidden=\"true\">\n    <img\n      src=\"https:\/\/www.sphynxbcn.com\/wp-content\/uploads\/2024\/03\/Sphynx-Sailing-Marina-Vela.jpg\"\n      alt=\"Sphynx luxury yacht sailing into the Barcelona sunset\"\n      loading=\"lazy\"\n      decoding=\"async\"\n    >\n    <div class=\"cta-overlay\"><\/div>\n  <\/div>\n\n  <div class=\"cta-inner\">\n    <p class=\"cta-eyebrow\">The sun won't wait.<\/p>\n    <h2 class=\"cta-title\">Sail into a Barcelona <em>sunset<\/em>.<\/h2>\n    <p class=\"cta-sub\">Two hours, one yacht, the whole golden hour. Share the deck from \u20ac55, or take it private from \u20ac350 \u2014 book in under two minutes.<\/p>\n\n    <div class=\"cta-row\">\n      <a class=\"cta-btn btn-fill\" href=\"https:\/\/fareharbor.com\/embeds\/book\/sphynxbcn\/items\/473325\/?full-items=yes&back=https%3A%2F%2Fsphynxbcn.com%2Fexperiences%2Fsunset-cruise-barcelona%2F&g4=yes\" aria-label=\"Book the shared sunset cruise Barcelona\">\n        Book Shared \u2014 From \u20ac55\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n      <a class=\"cta-btn btn-ghost\" href=\"https:\/\/fareharbor.com\/embeds\/book\/sphynxbcn\/items\/428147\/?full-items=yes&back=https%3A%2F%2Fsphynxbcn.com%2Fexperiences%2Fsunset-cruise-barcelona%2F&g4=yes\" aria-label=\"Book a private sunset charter Barcelona\">\n        Book Private \u2014 From \u20ac350\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <p class=\"cta-note\">Prefer to ask first? <a href=\"https:\/\/wa.me\/34678764274?text=Hi%20Laurence%2C%20I%27d%20like%20to%20book%20a%20sunset%20cruise%20in%20Barcelona%20aboard%20Sphynx.\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:var(--s-gold);\"><strong>WhatsApp Captain Laurence<\/strong><\/a> \u2014 replies within the hour.<\/p>\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n  var s = document.getElementById('sun-cta');\n  if (!s) return;\n  function unlockGap() {\n    var el = s.parentElement, d = 0;\n    while (el && el !== document.body && d < 6) {\n      if (el.classList && (el.classList.contains('elementor-widget-container') || el.classList.contains('elementor-widget-html') || el.classList.contains('elementor-widget') || el.classList.contains('elementor-element'))) {\n        el.style.margin='0'; el.style.padding='0'; el.style.fontSize='0'; el.style.lineHeight='0';\n      }\n      el = el.parentElement; d++;\n    }\n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', unlockGap); } else { unlockGap(); }\n  window.addEventListener('load', unlockGap);\n})();\n<\/script>\t\t\t\t<\/div>\n\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>Home Experiences Sunset Cruise Barcelona&#8217;s golden hour, from the water. Sunset Cruise Barcelona 5.0 \u00b7 1,432+ reviews \u00b7 Google &amp; Tripadvisor Sail out of Marina Vela as the sun drops behind Montju\u00efc. Two hours of cava, calm water and the Barcelona skyline turning gold \u2014 share the deck from \u20ac55 per person, or take the [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3618","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Shared Sunset\u00a0Sailing - SphynxBCN Luxury Tours<\/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:\/\/www.sphynxbcn.com\/fr\/shared-sunset-sailing\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shared Sunset\u00a0Sailing - SphynxBCN Luxury Tours\" \/>\n<meta property=\"og:description\" content=\"Home Experiences Sunset Cruise Barcelona&#8217;s golden hour, from the water. Sunset Cruise Barcelona 5.0 \u00b7 1,432+ reviews \u00b7 Google &amp; Tripadvisor Sail out of Marina Vela as the sun drops behind Montju\u00efc. Two hours of cava, calm water and the Barcelona skyline turning gold \u2014 share the deck from \u20ac55 per person, or take the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sphynxbcn.com\/fr\/shared-sunset-sailing\/\" \/>\n<meta property=\"og:site_name\" content=\"SphynxBCN Luxury Tours\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Sphynxbcn\/100088787982987\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-20T09:25:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@sphynxbcn\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sphynxbcn.com\\\/shared-sunset-sailing\\\/\",\"url\":\"https:\\\/\\\/www.sphynxbcn.com\\\/shared-sunset-sailing\\\/\",\"name\":\"Shared Sunset\u00a0Sailing - SphynxBCN Luxury Tours\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sphynxbcn.com\\\/#website\"},\"datePublished\":\"2026-05-20T08:34:04+00:00\",\"dateModified\":\"2026-05-20T09:25:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sphynxbcn.com\\\/shared-sunset-sailing\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.sphynxbcn.com\\\/shared-sunset-sailing\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sphynxbcn.com\\\/shared-sunset-sailing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.sphynxbcn.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shared Sunset\u00a0Sailing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sphynxbcn.com\\\/#website\",\"url\":\"https:\\\/\\\/www.sphynxbcn.com\\\/\",\"name\":\"SphynxBCN Luxury Tours\",\"description\":\"Luxury Yacht Tours in Barcelona from Marina Vela Port\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.sphynxbcn.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.sphynxbcn.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.sphynxbcn.com\\\/#organization\",\"name\":\"SphynxBCN Luxury Tours\",\"url\":\"https:\\\/\\\/www.sphynxbcn.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.sphynxbcn.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.sphynxbcn.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/Sphynx-Logo-Transparent-Ok.png\",\"contentUrl\":\"https:\\\/\\\/www.sphynxbcn.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/Sphynx-Logo-Transparent-Ok.png\",\"width\":2060,\"height\":1208,\"caption\":\"SphynxBCN Luxury Tours\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sphynxbcn.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/people\\\/Sphynxbcn\\\/100088787982987\\\/\",\"https:\\\/\\\/x.com\\\/sphynxbcn\",\"https:\\\/\\\/www.instagram.com\\\/sphynx.luxurytours?igsh=bzNqNm11ZHJhMHU2\",\"https:\\\/\\\/www.tiktok.com\\\/@sphynxbcn\",\"https:\\\/\\\/www.youtube.com\\\/@sphynxbcn\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shared Sunset\u00a0Sailing - SphynxBCN Luxury Tours","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:\/\/www.sphynxbcn.com\/fr\/shared-sunset-sailing\/","og_locale":"fr_FR","og_type":"article","og_title":"Shared Sunset\u00a0Sailing - SphynxBCN Luxury Tours","og_description":"Home Experiences Sunset Cruise Barcelona&#8217;s golden hour, from the water. Sunset Cruise Barcelona 5.0 \u00b7 1,432+ reviews \u00b7 Google &amp; Tripadvisor Sail out of Marina Vela as the sun drops behind Montju\u00efc. Two hours of cava, calm water and the Barcelona skyline turning gold \u2014 share the deck from \u20ac55 per person, or take the [&hellip;]","og_url":"https:\/\/www.sphynxbcn.com\/fr\/shared-sunset-sailing\/","og_site_name":"SphynxBCN Luxury Tours","article_publisher":"https:\/\/www.facebook.com\/people\/Sphynxbcn\/100088787982987\/","article_modified_time":"2026-05-20T09:25:31+00:00","twitter_card":"summary_large_image","twitter_site":"@sphynxbcn","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.sphynxbcn.com\/shared-sunset-sailing\/","url":"https:\/\/www.sphynxbcn.com\/shared-sunset-sailing\/","name":"Shared Sunset\u00a0Sailing - SphynxBCN Luxury Tours","isPartOf":{"@id":"https:\/\/www.sphynxbcn.com\/#website"},"datePublished":"2026-05-20T08:34:04+00:00","dateModified":"2026-05-20T09:25:31+00:00","breadcrumb":{"@id":"https:\/\/www.sphynxbcn.com\/shared-sunset-sailing\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sphynxbcn.com\/shared-sunset-sailing\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.sphynxbcn.com\/shared-sunset-sailing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sphynxbcn.com\/"},{"@type":"ListItem","position":2,"name":"Shared Sunset\u00a0Sailing"}]},{"@type":"WebSite","@id":"https:\/\/www.sphynxbcn.com\/#website","url":"https:\/\/www.sphynxbcn.com\/","name":"Circuits de luxe SphynxBCN","description":"Excursions en yacht de luxe \u00e0 Barcelone depuis le port de Marina Vela","publisher":{"@id":"https:\/\/www.sphynxbcn.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sphynxbcn.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.sphynxbcn.com\/#organization","name":"Circuits de luxe SphynxBCN","url":"https:\/\/www.sphynxbcn.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.sphynxbcn.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.sphynxbcn.com\/wp-content\/uploads\/2024\/03\/Sphynx-Logo-Transparent-Ok.png","contentUrl":"https:\/\/www.sphynxbcn.com\/wp-content\/uploads\/2024\/03\/Sphynx-Logo-Transparent-Ok.png","width":2060,"height":1208,"caption":"SphynxBCN Luxury Tours"},"image":{"@id":"https:\/\/www.sphynxbcn.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Sphynxbcn\/100088787982987\/","https:\/\/x.com\/sphynxbcn","https:\/\/www.instagram.com\/sphynx.luxurytours?igsh=bzNqNm11ZHJhMHU2","https:\/\/www.tiktok.com\/@sphynxbcn","https:\/\/www.youtube.com\/@sphynxbcn"]}]}},"_links":{"self":[{"href":"https:\/\/www.sphynxbcn.com\/fr\/wp-json\/wp\/v2\/pages\/3618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sphynxbcn.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sphynxbcn.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sphynxbcn.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sphynxbcn.com\/fr\/wp-json\/wp\/v2\/comments?post=3618"}],"version-history":[{"count":4,"href":"https:\/\/www.sphynxbcn.com\/fr\/wp-json\/wp\/v2\/pages\/3618\/revisions"}],"predecessor-version":[{"id":3623,"href":"https:\/\/www.sphynxbcn.com\/fr\/wp-json\/wp\/v2\/pages\/3618\/revisions\/3623"}],"wp:attachment":[{"href":"https:\/\/www.sphynxbcn.com\/fr\/wp-json\/wp\/v2\/media?parent=3618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}