{"id":11,"date":"2025-10-27T14:23:36","date_gmt":"2025-10-27T13:23:36","guid":{"rendered":"https:\/\/hoponhopoffbus.barcelona.com\/?page_id=11"},"modified":"2026-06-10T16:54:53","modified_gmt":"2026-06-10T14:54:53","slug":"hop-on-hop-off-bus","status":"publish","type":"page","link":"https:\/\/hoponhopoffbus.barcelona.com\/en\/","title":{"rendered":"Official Barcelona.com Hop On Hop Off Bus Tickets"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-958d6b9 e-flex e-con-boxed e-con e-parent\" data-id=\"958d6b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1edc8b2 elementor-widget elementor-widget-html\" data-id=\"1edc8b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n   STICKY HEADER \u2014 Hop On Hop Off Bus Barcelona  (v4)\n   \u2022 No language switcher (using TranslatePress FLOATING switcher)\n   \u2022 Logo auto-aligns to page content\n   \u2022 Hamburger hard-reset (theme can't recolor it) + clean mobile drawer\n\n   PASTE: Elementor Pro \u2192 Custom Code \u2192 \"Body - Start\"\n          or an \"HTML\" widget at the very top of the page.\n   Also: disable the OLD broken menu from the Elementor\/ElementsKit update.\n   ============================================================ -->\n<style>\n#hoho-header {\n  --hoho-cw: 1140px;          \/* fallback only, if the auto-align script is blocked *\/\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%;\n  z-index: 999999;\n  background: #34509C;\n}\n#hoho-header *, #hoho-header *::before, #hoho-header *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.admin-bar #hoho-header { top: 32px; }\nbody { padding-top: 76px !important; }\n.admin-bar body { padding-top: 108px !important; }\n@media screen and (max-width: 782px) {\n  .admin-bar #hoho-header { top: 46px; }\n  .admin-bar body { padding-top: 122px !important; }\n}\n\n.hoho-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  max-width: var(--hoho-cw);\n  margin: 0 auto;\n  padding: 0 10px;\n  height: 76px;\n}\n\n.hoho-logo { display: block; line-height: 0; text-decoration: none; flex-shrink: 0; }\n.hoho-logo img { height: 50px; width: auto; display: block; max-width: 320px; }\n\n\/* Desktop nav *\/\n.hoho-nav { display: flex; align-items: center; gap: 26px; list-style: none; }\n.hoho-nav > li { list-style: none; }\n.hoho-nav > li > a {\n  display: inline-block;\n  font-size: 14px;\n  font-weight: 500;\n  color: #fff !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  letter-spacing: .2px;\n  transition: opacity .15s;\n}\n.hoho-nav > li > a:hover { opacity: .78; }\n\n\/* \u2500\u2500 Hamburger \u2014 hard reset so the theme can't restyle it \u2500\u2500 *\/\n#hoho-header .hoho-burger {\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n  width: 42px; height: 42px;\n  padding: 0 !important;\n  margin: 0 !important;\n  background: transparent !important;\n  background-image: none !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  outline: none !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  cursor: pointer;\n}\n#hoho-header .hoho-burger:hover,\n#hoho-header .hoho-burger:focus,\n#hoho-header .hoho-burger:active {\n  background: transparent !important;\n  background-image: none !important;\n  box-shadow: none !important;\n  outline: none !important;\n}\n#hoho-header .hoho-burger span {\n  display: block !important;\n  width: 28px !important;\n  height: 3px !important;\n  background: #ffffff !important;\n  border-radius: 2px;\n  transition: transform .25s, opacity .25s;\n}\n#hoho-header .hoho-burger.is-open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }\n#hoho-header .hoho-burger.is-open span:nth-child(2) { opacity: 0; }\n#hoho-header .hoho-burger.is-open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }\n\n\/* \u2500\u2500 Mobile drawer \u2500\u2500 *\/\n.hoho-drawer { display: none; background: #2d4799; }\n.hoho-drawer.is-open { display: block; }\n#hoho-header .hoho-drawer ul { list-style: none !important; margin: 0 !important; padding: 6px 22px 16px !important; }\n#hoho-header .hoho-drawer li { list-style: none !important; margin: 0 !important; padding: 0 !important; }\n#hoho-header .hoho-drawer li::before { content: none !important; }\n#hoho-header .hoho-drawer a {\n  display: block !important;\n  color: #fff !important;\n  font-size: 16px !important;\n  font-weight: 500 !important;\n  text-decoration: none !important;\n  padding: 15px 0 !important;\n  border-bottom: 1px solid rgba(255,255,255,.12) !important;\n}\n#hoho-header .hoho-drawer li:last-child a { border-bottom: 0 !important; }\n\n@media (max-width: 900px) {\n  .hoho-nav { display: none; }\n  #hoho-header .hoho-burger { display: flex; }\n  .hoho-row { height: 62px; padding: 0 16px !important; max-width: none !important; }\n  .hoho-logo img { height: 38px; }\n  body { padding-top: 62px !important; }\n}\n<\/style>\n\n<header id=\"hoho-header\">\n  <div class=\"hoho-row\">\n    <a class=\"hoho-logo\" href=\"https:\/\/hoponhopoffbus.barcelona.com\/\">\n      <img decoding=\"async\" src=\"https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2025\/10\/HOP-ON-HOP-OFF-BUS-4-e1762778323173.png\"\n           alt=\"Hop On Hop Off Bus Barcelona\" height=\"50\" loading=\"eager\">\n    <\/a>\n\n    <ul class=\"hoho-nav\">\n      <li><a href=\"https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2025\/10\/routemap.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Route Map<\/a><\/li>\n      <li><a href=\"https:\/\/hoponhopoffbus.barcelona.com\/#buy\">Buy Official Tickets<\/a><\/li>\n      <li><a href=\"https:\/\/hoponhopoffbus.barcelona.com\/#combi\">Special Combis<\/a><\/li>\n    <\/ul>\n\n    <button class=\"hoho-burger\" aria-label=\"Menu\" aria-expanded=\"false\" type=\"button\" onclick=\"hohoToggle(this)\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n  <\/div>\n\n  <nav class=\"hoho-drawer\" id=\"hohoDrawer\" aria-hidden=\"true\">\n    <ul>\n      <li><a href=\"https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2025\/10\/routemap.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Route Map<\/a><\/li>\n      <li><a href=\"https:\/\/hoponhopoffbus.barcelona.com\/#buy\">Buy Official Tickets<\/a><\/li>\n      <li><a href=\"https:\/\/hoponhopoffbus.barcelona.com\/#combi\">Special Combis<\/a><\/li>\n    <\/ul>\n  <\/nav>\n<\/header>\n\n<script>\nfunction hohoToggle(b){\n  var d=document.getElementById('hohoDrawer');\n  var open=d.classList.toggle('is-open');\n  b.classList.toggle('is-open',open);\n  b.setAttribute('aria-expanded',open);\n  d.setAttribute('aria-hidden',!open);\n}\n(function(){\n  function alignHeader(){\n    var row=document.querySelector('#hoho-header .hoho-row');\n    if(!row) return;\n    if(window.innerWidth<=900){ row.style.maxWidth=''; row.style.paddingLeft=''; row.style.paddingRight=''; return; }\n    var sel=['.e-con-inner','.elementor-container','main .elementor-widget-container','main','article','.entry-content','#content'];\n    var best=null, bestW=0;\n    sel.forEach(function(s){\n      document.querySelectorAll(s).forEach(function(el){\n        if(el.closest('#hoho-header')) return;\n        var r=el.getBoundingClientRect();\n        if(r.top>600 || r.width<200) return;\n        if(r.width>bestW){ bestW=r.width; best=r; }\n      });\n    });\n    if(!best) return;\n    row.style.maxWidth='none';\n    row.style.paddingLeft=Math.max(0,best.left)+'px';\n    row.style.paddingRight=Math.max(0,window.innerWidth-best.right)+'px';\n  }\n  function run(){ try{ alignHeader(); }catch(e){} }\n  if(document.readyState!=='loading') run(); else document.addEventListener('DOMContentLoaded',run);\n  window.addEventListener('load',run);\n  window.addEventListener('resize',run);\n  setTimeout(run,400); setTimeout(run,1200);\n\n  document.addEventListener('click',function(e){\n    if(!e.target.closest('#hohoDrawer a')) return;\n    var d=document.getElementById('hohoDrawer'),b=document.querySelector('#hoho-header .hoho-burger');\n    d.classList.remove('is-open'); d.setAttribute('aria-hidden','true');\n    if(b){b.classList.remove('is-open');b.setAttribute('aria-expanded','false');}\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8cd0d4 e-flex e-con-boxed e-con e-parent\" data-id=\"f8cd0d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c84725 elementor-widget elementor-widget-html\" data-id=\"9c84725\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n:root{\n  --blue:#34509C;\n  --pink:#EA1F63;\n  --light:#F8F9FA;\n  --text:#535252;\n  --max:1140px;\n}\n\n*{\n  box-sizing:border-box;\n}\n\nbody{\n  margin:0;\n  font-family:Helvetica,Arial,sans-serif;\n  color:var(--text);\n  -webkit-font-smoothing:antialiased;\n}\n\n.hoho-wrapper{\n  width:100%;\n  overflow:hidden;\n  background:#fff;\n}\n\n.hoho-container{\n  width:100%;\n  max-width:var(--max);\n  margin:auto;\n  padding:0 16px;\n}\n\n\/* TYPO *\/\n\nh1,h2,h3,h4{\n  margin:0;\n  line-height:1.25;\n}\n\np{\n  margin:0;\n  line-height:1.6;\n}\n\n\/* BUTTON *\/\n\n.hoho-btn{\n  display:inline-block;\n  background:var(--pink);\n  color:#fff!important;\n  text-decoration:none;\n  padding:14px 24px;\n  border-radius:8px;\n  font-size:16px;\n  font-weight:600;\n  transition:.2s ease;\n}\n\n.hoho-btn:hover{\n  opacity:.92;\n}\n\n\/* HERO *\/\n\n.hoho-hero{\n  background:#F8F9FA;\n  padding:28px 0 35px;\n}\n\n.hoho-hero-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:35px;\n  align-items:center;\n}\n\n.hoho-logo{\n  width:280px;\n  max-width:100%;\n  margin-bottom:18px;\n}\n\n.hoho-title{\n  color:var(--blue);\n  font-size:32px;\n  margin-bottom:18px;\n  font-weight:600;\n}\n\n.hoho-subtitle{\n  font-size:19px;\n  color:#575555;\n  margin-bottom:18px;\n  line-height:1.5;\n}\n\n.hoho-list{\n  list-style:none;\n  padding:0;\n  margin:0 0 25px;\n}\n\n.hoho-list li{\n  position:relative;\n  padding-left:28px;\n  margin-bottom:12px;\n  font-size:15px;\n  line-height:1.5;\n}\n\n.hoho-list li:before{\n  content:\"\u2713\";\n  position:absolute;\n  left:0;\n  top:0;\n  color:var(--blue);\n  font-weight:bold;\n}\n\n.hoho-hero-image img{\n  width:100%;\n  border-radius:10px;\n  display:block;\n}\n\n\/* CTA *\/\n\n.hoho-cta{\n  padding:45px 0;\n}\n\n.hoho-cta-box{\n  padding:42px 30px;\n  border-radius:22px;\n  background:linear-gradient(135deg,#ffe8c2 0%,#fff 50%,#dff1ff 100%);\n  border:2px solid #f2c078;\n  box-shadow:0 12px 30px rgba(0,0,0,.08);\n  text-align:center;\n}\n\n.hoho-cta-label{\n  display:inline-block;\n  padding:7px 16px;\n  border-radius:999px;\n  background:#ffb703;\n  font-size:13px;\n  font-weight:700;\n  margin-bottom:14px;\n}\n\n.hoho-cta h2{\n  font-size:34px;\n  color:#0b2545;\n  margin-bottom:14px;\n  font-weight:800;\n}\n\n.hoho-cta p{\n  max-width:640px;\n  margin:auto auto 24px;\n  font-size:18px;\n  color:#374151;\n}\n\n\/* COMBINE SECTION *\/\n\n.hoho-section-dark{\n  background:#fff;\n  padding:50px 0 45px;\n}\n\n.hoho-section-title{\n  text-align:center;\n  margin-bottom:38px;\n}\n\n.hoho-section-title h2{\n  font-size:23px;\n  color:#34509C;\n  font-weight:600;\n  margin-bottom:12px;\n}\n\n.hoho-section-title p{\n  color:#666;\n  font-size:16px;\n  line-height:1.6;\n  max-width:720px;\n  margin:auto;\n}\n\n.hoho-cards{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px;\n}\n\n.hoho-card{\n  background:#f7f9fb;\n  border-radius:14px;\n  overflow:hidden;\n  transition:.2s ease;\n  border:1px solid #f0f0f0;\n}\n\n.hoho-card:hover{\n  transform:translateY(-2px);\n}\n\n.hoho-card img{\n  width:100%;\n  display:block;\n}\n\n.hoho-card-content{\n  padding:26px;\n}\n\n.hoho-card h3{\n  color:#EA1F63;\n  font-size:17px;\n  line-height:1.4;\n  margin-bottom:12px;\n  font-weight:700;\n}\n\n.hoho-card p{\n  font-size:14px;\n  line-height:1.7;\n  color:#555;\n  margin-bottom:20px;\n}\n\n\/* ADVANTAGES *\/\n\n.hoho-advantages{\n  padding:50px 0;\n}\n\n.hoho-advantages h2{\n  color:#34509C;\n  text-align:center;\n  font-size:28px;\n  margin-bottom:8px;\n  font-weight:600;\n}\n\n.hoho-advantages-sub{\n  text-align:center;\n  font-size:22px;\n  color:#7D7F80;\n  margin-bottom:35px;\n}\n\n.hoho-features{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px;\n}\n\n.hoho-feature{\n  text-align:center;\n  padding:28px 20px;\n  box-shadow:0 0 5px rgba(0,0,0,.15);\n  border-radius:10px;\n  background:#fff;\n}\n\n.hoho-feature h3{\n  color:#34509C;\n  font-size:18px;\n  margin-bottom:8px;\n  font-weight:700;\n}\n\n.hoho-feature p{\n  font-size:14px;\n}\n\n\/* FAQ *\/\n\n.hoho-faq{\n  padding:60px 0 70px;\n  background:#fff;\n}\n\n.hoho-faq h2{\n  text-align:center;\n  color:#34509C;\n  font-size:40px;\n  line-height:1.2;\n  margin-bottom:40px;\n  font-weight:800;\n}\n\n.hoho-accordion{\n  max-width:1000px;\n  margin:auto;\n}\n\n.hoho-item{\n  background:#fff;\n  border-radius:12px;\n  margin-bottom:14px;\n  box-shadow:0 2px 10px rgba(0,0,0,.04);\n  overflow:hidden;\n}\n\n.hoho-question{\n  width:100%;\n  background:#fff;\n  border:none;\n  outline:none;\n  padding:24px 60px 24px 24px;\n  text-align:left;\n  position:relative;\n  cursor:pointer;\n  color:#34509C;\n  font-size:18px;\n  font-weight:700;\n  transition:.2s ease;\n}\n\n.hoho-question:hover{\n  background:#fafafa;\n}\n\n<!--.hoho-question:after{\n  content:\"+\";\n  position:absolute;\n  right:24px;\n  top:50%;\n  transform:translateY(-50%);\n  font-size:24px;\n  font-weight:400;\n  color:#34509C;\n}-->\n\n<!--.hoho-item.active .hoho-question:after{\n  content:\"\u2212\";\n}-->\n\n<!--.hoho-answer{\n  display:none;\n  padding:0 24px 24px;\n  font-size:15px;\n  line-height:1.8;\n  color:#666;\n}-->\n\n<!--.hoho-item.active .hoho-answer{\n  display:block;\n}-->\n\n\/* PINK BAR *\/\n\n.hoho-bar{\n  background:#EA1F63;\n  padding:16px 0;\n}\n\n.hoho-bar-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:15px;\n}\n\n.hoho-bar-item{\n  color:#fff;\n  text-align:center;\n  font-size:14px;\n  font-weight:500;\n}\n\n\/* FOOTER *\/\n\n.hoho-footer{\n  background:#34509C;\n  color:#fff;\n  padding:35px 0 18px;\n}\n\n.hoho-footer-grid{\n  display:grid;\n  grid-template-columns:1.2fr 1fr;\n  gap:35px;\n  align-items:start;\n}\n\n.hoho-footer-logo{\n  width:260px;\n  max-width:100%;\n}\n\n.hoho-footer-links p{\n  margin-bottom:10px;\n  font-size:13px;\n}\n\n.hoho-footer a{\n  color:#fff;\n  text-decoration:none;\n}\n\n.hoho-footer-bottom{\n  margin-top:25px;\n  padding-top:18px;\n  border-top:1px solid rgba(255,255,255,.2);\n  display:flex;\n  flex-wrap:wrap;\n  gap:18px;\n  font-size:12px;\n  color:#d5d5d5;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:768px){\n\n  .hoho-hero{\n    padding:18px 0 30px;\n  }\n\n  .hoho-hero-grid,\n  .hoho-cards,\n  .hoho-features,\n  .hoho-footer-grid,\n  .hoho-bar-grid{\n    grid-template-columns:1fr;\n  }\n\n  .hoho-title{\n    font-size:22px;\n  }\n\n  .hoho-subtitle{\n    font-size:18px;\n  }\n\n  .hoho-cta{\n    padding:30px 0;\n  }\n\n  .hoho-cta-box{\n    padding:30px 20px;\n  }\n\n  .hoho-cta h2{\n    font-size:28px;\n  }\n\n  .hoho-section-dark{\n    padding:40px 0;\n  }\n\n  .hoho-card-content{\n    padding:22px;\n  }\n\n  .hoho-advantages{\n    padding:40px 0;\n  }\n\n  .hoho-advantages-sub{\n    font-size:20px;\n  }\n\n  .hoho-faq{\n    padding:40px 0 55px;\n  }\n\n  .hoho-faq h2{\n    font-size:30px;\n    margin-bottom:28px;\n  }\n\n  .hoho-question{\n    font-size:16px;\n    padding:20px 50px 20px 18px;\n  }\n\n<!--  .hoho-answer{\n    padding:0 18px 20px;\n    font-size:14px;\n  }-->\n\n  .hoho-btn{\n    width:100%;\n    text-align:center;\n  }\n\n  .hoho-bar-item{\n    padding:8px 0;\n  }\n\n}\n\/* FIX FAQ HOVER *\/\n\n.hoho-question:hover{\n  background:#f5f5f5 !important;\n  color:#34509C !important;\n}\n\n.hoho-question:hover:after{\n  color:#34509C !important;\n}\n\n\/* FIX ACTIVE FAQ *\/\n\n<!--.hoho-item.active .hoho-question{\n  color:#34509C !important;\n  background:#fff !important;\n}-->\n\n\/* FIX ELEMENTOR BUTTON OVERRIDES *\/\n\n.hoho-question,\n.hoho-question *{\n  color:#34509C !important;\n}\n\n.hoho-item{\n  background:#fff;\n  border-radius:12px;\n  margin-bottom:14px;\n  box-shadow:0 2px 10px rgba(0,0,0,.04);\n  overflow:hidden;\n  border:none;\n}\n\n.hoho-question{\n  cursor:pointer;\n  padding:24px;\n  font-size:18px;\n  font-weight:700;\n  color:#34509C;\n  list-style:none;\n  position:relative;\n}\n\n<!--.hoho-question::-webkit-details-marker{\n  display:none;\n}-->\n\n.hoho-question::after{\n  content:\"+\";\n  position:absolute;\n  right:24px;\n  top:50%;\n  transform:translateY(-50%);\n  font-size:24px;\n}\n\n.hoho-item[open] .hoho-question::after{\n  content:\"\u2212\";\n}\n\n<!--.hoho-answer{\n  padding:0 24px 24px;\n  color:#666;\n  line-height:1.7;\n}-->\n\n<!--details[open] .hoho-answer{\n  display:block !important;\n  opacity:1 !important;\n  height:auto !important;\n  visibility:visible !important;\n}-->\n\n<!--details .hoho-answer{\n  display:none;\n}-->\n\n\/* FAQ *\/\n\n.hoho-accordion details{\n  background:#fff;\n  border-radius:12px;\n  margin-bottom:14px;\n  box-shadow:0 2px 10px rgba(0,0,0,.04);\n  overflow:hidden;\n}\n\n.hoho-accordion summary{\n  cursor:pointer;\n  padding:24px;\n  font-size:18px;\n  font-weight:700;\n  color:#34509C;\n  list-style:none;\n  position:relative;\n}\n\n.hoho-accordion summary::-webkit-details-marker{\n  display:none;\n}\n\n.hoho-accordion summary::after{\n  content:\"+\";\n  position:absolute;\n  right:24px;\n  top:50%;\n  transform:translateY(-50%);\n  font-size:24px;\n}\n\n.hoho-accordion details[open] summary::after{\n  content:\"\u2212\";\n}\n\n.hoho-accordion .hoho-answer{\n  padding:0 24px 24px;\n  color:#666;\n  line-height:1.7;\n}\n\n.fast-faq{\n  background:#fff;\n  padding:60px 0 70px;\n}\n\n.fast-faq-container{\n  max-width:1000px;\n  margin:0 auto;\n  padding:0 16px;\n}\n\n.fast-faq h2{\n  text-align:center;\n  color:#34509C;\n  font-family:Helvetica,Arial,sans-serif;\n  font-size:40px;\n  line-height:1.2;\n  font-weight:800;\n  margin:0 0 40px;\n}\n\n.fast-faq-item{\n  background:#fff;\n  border-radius:12px;\n  margin-bottom:14px;\n  box-shadow:0 2px 10px rgba(0,0,0,.08);\n  overflow:hidden;\n}\n\n.fast-faq-item summary{\n  display:block;\n  cursor:pointer;\n  padding:24px 60px 24px 24px;\n  color:#34509C!important;\n  font-family:Helvetica,Arial,sans-serif;\n  font-size:18px;\n  font-weight:700;\n  position:relative;\n  list-style:none;\n}\n\n.fast-faq-item summary::-webkit-details-marker{\n  display:none;\n}\n\n.fast-faq-item summary:after{\n  content:\"+\";\n  position:absolute;\n  right:24px;\n  top:50%;\n  transform:translateY(-50%);\n  color:#34509C;\n  font-size:24px;\n}\n\n.fast-faq-item[open] summary:after{\n  content:\"\u2212\";\n}\n\n.fast-faq-answer{\n  display:block!important;\n  visibility:visible!important;\n  opacity:1!important;\n  height:auto!important;\n  max-height:none!important;\n  overflow:visible!important;\n  padding:0 24px 24px;\n  color:#666!important;\n  font-family:Helvetica,Arial,sans-serif;\n  font-size:15px;\n  line-height:1.7;\n}\n\n@media(max-width:768px){\n  .fast-faq{\n    padding:40px 0 55px;\n  }\n\n  .fast-faq h2{\n    font-size:30px;\n    margin-bottom:28px;\n  }\n\n  .fast-faq-item summary{\n    font-size:16px;\n    padding:20px 50px 20px 18px;\n  }\n\n  .fast-faq-answer{\n    padding:0 18px 20px;\n    font-size:14px;\n  }\n}\n\n\n<\/style>\n\n<div class=\"hoho-wrapper\">\n\n<!-- HERO -->\n<section class=\"hoho-hero\">\n\n<div class=\"hoho-container\">\n\n<div class=\"hoho-hero-grid\">\n\n<div>\n\n<img decoding=\"async\" class=\"hoho-logo\" src=\"\/wp-content\/uploads\/2025\/10\/HOP-ON-HOP-OFF-BUS-4-e1762778323173.png\" alt=\"Hop On Hop Off Barcelona\">\n\n<h1 class=\"hoho-title\">\nOfficial Hop-On-Hop-Off Bus Barcelona\n<\/h1>\n\n<div class=\"hoho-subtitle\">\nGet the best online deal for the Official Hop-On Hop-Off Bus in Barcelona!\n<\/div>\n\n<ul class=\"hoho-list\">\n<li>Access to both the <strong>Red and Blue routes<\/strong> with 35 stops across the city<\/li>\n<li>Unlimited hop-on hop-off at <strong>all major attractions<\/strong><\/li>\n<li>On-board <strong>audio guide<\/strong> with free headphones (available in 16 languages)<\/li>\n<li>Barcelona <strong>city map<\/strong> included<\/li>\n<li>Exclusive <strong>discounts<\/strong> on selected city activities<\/li>\n<li>Everything <strong>directly on your phone<\/strong>, no waiting in line at the location!<\/li>\n<\/ul>\n\n<a class=\"hoho-btn\" href=\"https:\/\/www.tiqets.com\/en\/checkout\/tickets-for-hop-on-hop-off-bus-barcelona-p974325\/booking_details\/?partner=barcelonacomocp\" target=\"_blank\" rel=\"nofollow noopener\">\nBuy Official Tickets\n<\/a>\n\n<\/div>\n\n<div class=\"hoho-hero-image\">\n<img decoding=\"async\" loading=\"eager\" fetchpriority=\"high\" src=\"https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2026\/05\/bcn-com-hoho.webp\" alt=\"Barcelona Hop On Hop Off\">\n<\/div>\n\n<\/div>\n<\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"hoho-cta\" id=\"all-in\">\n    <div class=\"hoho-container\">\n\n<div class=\"hoho-cta-box\">\n\n<div class=\"hoho-cta-label\">\nAll-in Barcelona Pass\n<\/div>\n\n<h2>\nBook everything in one go with the All-In Barcelona Pass\n<\/h2>\n\n<p>\nCombine the Hop-On Hop-Off Bus with top Barcelona attractions and enjoy an easier, smarter way to discover the city.\n<\/p>\n\n<a class=\"hoho-btn\" href=\"https:\/\/www.tiqets.com\/en\/checkout\/tickets-for-hop-on-hop-off-bus-barcelona-p1123116\/booking_details\/?partner=barcelonacomocp\" target=\"_blank\">\nBook All-In Barcelona\n<\/a>\n\n<\/div>\n\n<\/div>\n<\/section>\n\n<!-- CARDS -->\n<section class=\"hoho-section-dark\" id=\"combi\">\n<div class=\"hoho-container\">\n\n<div class=\"hoho-section-title\">\n<h2>\nCombine your Hop-On Hop-Off ticket with other top Barcelona attractions\n<\/h2>\n\n<p>\nSome experiences are just better together - save time, money, and enjoy more of the city in one go!\n<\/p>\n<\/div>\n\n<div class=\"hoho-cards\">\n\n<div class=\"hoho-card\">\n<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2026\/05\/2.webp\" alt=\"\">\n<div class=\"hoho-card-content\">\n<h3>Park G\u00fcell + Hop-on Hop-off<\/h3>\n<p>\nSee Barcelona from every angle! Hop on and off the sightseeing bus to discover the city at your own pace.\n<\/p>\n\n<a class=\"hoho-btn\" href=\"https:\/\/www.tiqets.com\/en\/park-guell-entry-audio-guide-barcelona-hop-on-hop-off-tours-b3533\/?partner=barcelonacomocp\" target=\"_blank\">\nBuy now\n<\/a>\n<\/div>\n<\/div>\n\n<div class=\"hoho-card\">\n<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2026\/05\/4.webp\" alt=\"\">\n<div class=\"hoho-card-content\">\n<h3>The Barcelona Pass<\/h3>\n<p>\nGain fast-track entry to Gaud\u00ed\u2019s masterpieces with Hop-On Hop-Off bus included.\n<\/p>\n\n<a class=\"hoho-btn\" href=\"https:\/\/www.tiqets.com\/en\/barcelona-attractions-c66342\/the-barcelona-pass-p1012495\/?partner=barcelonacomocp\" target=\"_blank\">\nBuy now\n<\/a>\n<\/div>\n<\/div>\n\n<div class=\"hoho-card\">\n<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2026\/05\/3.webp\" alt=\"\">\n<div class=\"hoho-card-content\">\n<h3>Sagrada Familia + Hop-on Hop-off<\/h3>\n<p>\nRide through Barcelona\u2019s highlights, then enjoy skip-the-line access to the Sagrada Fam\u00edlia.\n<\/p>\n\n<a class=\"hoho-btn\" href=\"https:\/\/www.tiqets.com\/en\/sagrada-familia-barcelona-hop-on-hop-off-tours-b3532\/?partner=barcelonacomocp\" target=\"_blank\">\nBuy now\n<\/a>\n<\/div>\n<\/div>\n\n<\/div>\n<\/div>\n<\/section>\n\n<!-- ADVANTAGES -->\n<section class=\"hoho-advantages\">\n\n<div class=\"hoho-container\">\n\n<h2>\nAdvantages at a glance\n<\/h2>\n\n<div class=\"hoho-advantages-sub\">\nThe most important features of the Barcelona Hop-On Hop-Off Bus.\n<\/div>\n\n<div class=\"hoho-features\">\n\n<div class=\"hoho-feature\">\n<h3>Two Scenic Routes<\/h3>\n<p>Red & Blue lines covering 35+ stops<\/p>\n<\/div>\n\n<div class=\"hoho-feature\">\n<h3>Audio Guide in 16 Languages<\/h3>\n<p>Learn about the city as you ride<\/p>\n<\/div>\n\n<div class=\"hoho-feature\">\n<h3>Free Onboard Wi-Fi<\/h3>\n<p>Stay connected throughout your trip<\/p>\n<\/div>\n\n<div class=\"hoho-feature\">\n<h3>Wheelchair Accessible<\/h3>\n<p>Adapted buses on all routes<\/p>\n<\/div>\n\n<div class=\"hoho-feature\">\n<h3>Frequent Departures<\/h3>\n<p>Buses every 5\u201325 minutes<\/p>\n<\/div>\n\n<div class=\"hoho-feature\">\n<h3>Family Friendly<\/h3>\n<p>Kids under 4 travel free<\/p>\n<\/div>\n\n<\/div>\n<\/div>\n<\/section>\n\n<!-- FAQ -->\n<!--<section class=\"hoho-faq\" id=\"faq\">\n<div class=\"hoho-container\">\n\n<h2>\nFrequently asked questions about Barcelona Hop-On-Hop-Off Bus\n<\/h2>\n\n<div class=\"hoho-accordion\">\n\n<div class=\"hoho-item active\">\n<button class=\"hoho-question\">\nWhat does the ticket include?\n<\/button>\n\n<div class=\"hoho-answer\">\nThe ticket gives you access to two bus routes (Red and Blue) with 35 stops across the city.\n<\/div>\n<\/div>\n\n<div class=\"hoho-item\">\n<button class=\"hoho-question\">\nHow long is the ticket valid for?\n<\/button>\n\n<div class=\"hoho-answer\">\nYou can choose a 24-hour or 48-hour validity after the ticket is first activated.\n<\/div>\n<\/div>\n\n<div class=\"hoho-item\">\n<button class=\"hoho-question\">\nCan I hop on and hop off as many times as I like?\n<\/button>\n\n<div class=\"hoho-answer\">\nYes, during the ticket\u2019s valid time period you may get off at any stop.\n<\/div>\n<\/div>\n\n<div class=\"hoho-item\">\n<button class=\"hoho-question\">\nAre the buses wheelchair accessible?\n<\/button>\n\n<div class=\"hoho-answer\">\nYes, the service is wheelchair accessible.\n<\/div>\n<\/div>\n\n<div class=\"hoho-item\">\n<button class=\"hoho-question\">\nDo I need to print anything?\n<\/button>\n\n<div class=\"hoho-answer\">\nNo need to print if you show the smartphone ticket at your first boarding.\n<\/div>\n<\/div>\n\n<\/div>\n<\/div>\n<\/section>-->\n\n<section class=\"fast-faq\" id=\"faq\">\n  <div class=\"fast-faq-container\">\n    <h2>Frequently asked questions about Barcelona Hop-On-Hop-Off Bus<\/h2>\n\n    <div class=\"fast-faq-list\">\n\n      <details class=\"fast-faq-item\">\n        <summary>What does the ticket include?<\/summary>\n        <div class=\"fast-faq-answer\">\n          The ticket gives you access to two bus routes (Red and Blue) with 35 stops across the city. You also receive an on-board audio guide, city map, and discounts for different activities in Barcelona.\n        <\/div>\n      <\/details>\n\n      <details class=\"fast-faq-item\">\n        <summary>How long is the ticket valid for?<\/summary>\n        <div class=\"fast-faq-answer\">\n          You can choose a 24-hour or 48-hour validity after the ticket is first activated.\n        <\/div>\n      <\/details>\n\n      <details class=\"fast-faq-item\">\n        <summary>How do I use the ticket?<\/summary>\n        <div class=\"fast-faq-answer\">\n          Simply show your smartphone ticket to the representative of the bus provider at your first board. After scanning, you will receive a paper ticket which you can use for all following rides.\n        <\/div>\n      <\/details>\n\n      <details class=\"fast-faq-item\">\n        <summary>Can I hop on and hop off as many times as I like?<\/summary>\n        <div class=\"fast-faq-answer\">\n          Yes, during the ticket\u2019s valid time period you may get off at any stop along the two routes, explore, then hop back on a later bus.\n        <\/div>\n      <\/details>\n\n      <details class=\"fast-faq-item\">\n        <summary>Are the buses wheelchair accessible?<\/summary>\n        <div class=\"fast-faq-answer\">\n          Yes, the service is wheelchair accessible.\n        <\/div>\n      <\/details>\n\n      <details class=\"fast-faq-item\">\n        <summary>What languages are available on the audio guide?<\/summary>\n        <div class=\"fast-faq-answer\">\n          English, Spanish, French, Italian, German, Chinese, Japanese, Portuguese, Russian, Dutch, Swedish, Norwegian, Turkish, Hebrew, Arabic, Catalan.\n        <\/div>\n      <\/details>\n\n      <details class=\"fast-faq-item\">\n        <summary>Will I be able to visit major landmarks on the routes?<\/summary>\n        <div class=\"fast-faq-answer\">\n          Absolutely! The bus routes include key sights such as Sagrada Fam\u00edlia, Park G\u00fcell, Casa Mil\u00e0 (La Pedrera), and more.\n        <\/div>\n      <\/details>\n\n      <details class=\"fast-faq-item\">\n        <summary>Is there a cancellation or reschedule policy?<\/summary>\n        <div class=\"fast-faq-answer\">\n          Yes, cancellation or rescheduling is possible until 23:59 the day before your planned boarding.\n        <\/div>\n      <\/details>\n\n      <details class=\"fast-faq-item\">\n        <summary>Do I need to print anything?<\/summary>\n        <div class=\"fast-faq-answer\">\n          No need to print if you show the smartphone ticket at your first boarding. After scanning your phone, you\u2019re issued a paper ticket for subsequent rides.\n        <\/div>\n      <\/details>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<\/div>\n<script>\ndocument.querySelectorAll('.fast-faq-item').forEach((item) => {\n\n  item.addEventListener('toggle', () => {\n\n    if (item.open) {\n\n      document.querySelectorAll('.fast-faq-item').forEach((other) => {\n\n        if (other !== item) {\n          other.removeAttribute('open');\n        }\n\n      });\n\n    }\n\n  });\n\n});\n<\/script>\n\n<!--<script>\njQuery(document).ready(function($){\n\n  $('.hoho-question').on('click', function(){\n\n    $(this).parent('.hoho-item').toggleClass('active');\n\n  });\n\n});\n<\/script>-->\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dae2b67 e-flex e-con-boxed e-con e-parent\" data-id=\"dae2b67\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fa23380 e-con-full e-flex e-con e-child\" data-id=\"fa23380\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56c80f2 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"56c80f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-calendar-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e822c2 elementor-widget elementor-widget-text-editor\" data-id=\"1e822c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>24h or 48h after activation<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4eff71 e-con-full e-flex e-con e-child\" data-id=\"d4eff71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c87c4ba elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"c87c4ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-headphones\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 32C114.52 32 0 146.496 0 288v48a32 32 0 0 0 17.689 28.622l14.383 7.191C34.083 431.903 83.421 480 144 480h24c13.255 0 24-10.745 24-24V280c0-13.255-10.745-24-24-24h-24c-31.342 0-59.671 12.879-80 33.627V288c0-105.869 86.131-192 192-192s192 86.131 192 192v1.627C427.671 268.879 399.342 256 368 256h-24c-13.255 0-24 10.745-24 24v176c0 13.255 10.745 24 24 24h24c60.579 0 109.917-48.098 111.928-108.187l14.382-7.191A32 32 0 0 0 512 336v-48c0-141.479-114.496-256-256-256z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec02f39 elementor-widget elementor-widget-text-editor\" data-id=\"ec02f39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Audio Guide in 16 Languages<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e837ae6 e-con-full e-flex e-con e-child\" data-id=\"e837ae6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a11ad38 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"a11ad38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-wheelchair\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M496.101 385.669l14.227 28.663c3.929 7.915.697 17.516-7.218 21.445l-65.465 32.886c-16.049 7.967-35.556 1.194-43.189-15.055L331.679 320H192c-15.925 0-29.426-11.71-31.679-27.475C126.433 55.308 128.38 70.044 128 64c0-36.358 30.318-65.635 67.052-63.929 33.271 1.545 60.048 28.905 60.925 62.201.868 32.933-23.152 60.423-54.608 65.039l4.67 32.69H336c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H215.182l4.572 32H352a32 32 0 0 1 28.962 18.392L438.477 396.8l36.178-18.349c7.915-3.929 17.517-.697 21.446 7.218zM311.358 352h-24.506c-7.788 54.204-54.528 96-110.852 96-61.757 0-112-50.243-112-112 0-41.505 22.694-77.809 56.324-97.156-3.712-25.965-6.844-47.86-9.488-66.333C45.956 198.464 0 261.963 0 336c0 97.047 78.953 176 176 176 71.87 0 133.806-43.308 161.11-105.192L311.358 352z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8b59a2 elementor-widget elementor-widget-text-editor\" data-id=\"e8b59a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Wheelchair accessible<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-747058c e-con-full e-flex e-con e-child\" data-id=\"747058c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d18f769 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"d18f769\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-mobile-alt\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M272 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM160 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm112-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v312z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8467f38 elementor-widget elementor-widget-text-editor\" data-id=\"8467f38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Mobile tickets<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d89273c e-flex e-con-boxed e-con e-parent\" data-id=\"d89273c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2ebd2c4 e-con-full e-flex e-con e-child\" data-id=\"2ebd2c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-890fac7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"890fac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-073a12d e-flex e-con-boxed e-con e-parent\" data-id=\"073a12d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aea7461 e-con-full e-flex e-con e-child\" data-id=\"aea7461\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8d4dfb elementor-widget elementor-widget-image\" data-id=\"e8d4dfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"750\" height=\"138\" src=\"https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2025\/10\/HOP-ON-HOP-OFF-BUS-4-e1762778323173-768x141.png\" class=\"attachment-medium_large size-medium_large wp-image-136\" alt=\"\" srcset=\"https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2025\/10\/HOP-ON-HOP-OFF-BUS-4-e1762778323173-768x141.png 768w, https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2025\/10\/HOP-ON-HOP-OFF-BUS-4-e1762778323173-300x55.png 300w, https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2025\/10\/HOP-ON-HOP-OFF-BUS-4-e1762778323173-1024x188.png 1024w, https:\/\/hoponhopoffbus.barcelona.com\/wp-content\/uploads\/2025\/10\/HOP-ON-HOP-OFF-BUS-4-e1762778323173.png 1087w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d63ba2 e-con-full e-flex e-con e-child\" data-id=\"8d63ba2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78a0aff elementor-widget elementor-widget-text-editor\" data-id=\"78a0aff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Tickets<\/strong><\/p><p><a href=\"https:\/\/www.tiqets.com\/en\/checkout\/tickets-for-hop-on-hop-off-bus-barcelona-p974325\/booking_details\/?partner=barcelonacomocp\" target=\"_blank\" rel=\"noopener\">Barcelona Hop-On-Hop-Off official tickets<\/a><\/p><p><a href=\"https:\/\/www.tiqets.com\/en\/park-guell-entry-audio-guide-barcelona-hop-on-hop-off-tours-b3533\/?partner=barcelonacomocp\" target=\"_blank\" rel=\"noopener\">Park Guell + Hop-on-Hop-Off Bus<\/a><\/p><p><a href=\"https:\/\/www.tiqets.com\/en\/barcelona-attractions-c66342\/the-barcelona-pass-p1012495\/?partner=barcelonacomocp\" target=\"_blank\" rel=\"noopener\">The Barcelona Pass<\/a><\/p><p><a href=\"https:\/\/www.tiqets.com\/en\/sagrada-familia-barcelona-hop-on-hop-off-tours-b3532\/?partner=barcelonacomocp\" target=\"_blank\" rel=\"noopener\">Sagrada Familia + Hop-on-Hop-Off Bus<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc8e6bf e-flex e-con-boxed e-con e-parent\" data-id=\"dc8e6bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b2c8e48 e-con-full e-flex e-con e-child\" data-id=\"b2c8e48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ae16db elementor-widget elementor-widget-text-editor\" data-id=\"1ae16db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span>Copyright \u00a9 1996 &#8211; 2025 Barcelona.com, Inc.\u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c82e7b e-con-full e-flex e-con e-child\" data-id=\"9c82e7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c87beb9 elementor-widget elementor-widget-text-editor\" data-id=\"c87beb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.barcelona.com\/corporate\/terms-and-conditions\" target=\"_blank\" rel=\"noopener\">Terms and conditions<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3c6081 e-con-full e-flex e-con e-child\" data-id=\"a3c6081\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1e4c96 elementor-widget elementor-widget-text-editor\" data-id=\"a1e4c96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.barcelona.com\/corporate\/privacy-policy\" target=\"_blank\" rel=\"noopener\">Privacy policy<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2533797 e-con-full e-flex e-con e-child\" data-id=\"2533797\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53117f5 elementor-widget elementor-widget-text-editor\" data-id=\"53117f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.barcelona.com\/corporate\/contact-us\" target=\"_blank\" rel=\"noopener\">Contact us<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Route Map Buy Official Tickets Special Combis Route Map Buy Official Tickets Special Combis Official Hop-On-Hop-Off Bus Barcelona Get the best online deal for the Official Hop-On Hop-Off Bus in Barcelona! Access to both the Red and Blue routes with 35 stops across the city Unlimited hop-on hop-off at all [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hoponhopoffbus.barcelona.com\/en\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hoponhopoffbus.barcelona.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hoponhopoffbus.barcelona.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hoponhopoffbus.barcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hoponhopoffbus.barcelona.com\/en\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":335,"href":"https:\/\/hoponhopoffbus.barcelona.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":458,"href":"https:\/\/hoponhopoffbus.barcelona.com\/en\/wp-json\/wp\/v2\/pages\/11\/revisions\/458"}],"wp:attachment":[{"href":"https:\/\/hoponhopoffbus.barcelona.com\/en\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}