{"id":35736,"date":"2026-05-26T00:06:28","date_gmt":"2026-05-25T22:06:28","guid":{"rendered":"https:\/\/delejoveterrassa.com\/?page_id=35736"},"modified":"2026-08-14T11:30:40","modified_gmt":"2026-08-14T09:30:40","slug":"har-tabor","status":"publish","type":"page","link":"https:\/\/delejoveterrassa.com\/es\/har-tabor\/","title":{"rendered":"Har Tabor"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"35736\" class=\"elementor elementor-35736\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb10fd1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cb10fd1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f50d4cc\" data-id=\"f50d4cc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-911fe4c elementor-widget elementor-widget-html\" data-id=\"911fe4c\" 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<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\"\/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n<title>Har Tabor \u2014 Festival de M\u00fasica de Alabanza \u00b7 Dele Jove Terrassa<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&family=Red+Hat+Text:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap\" rel=\"stylesheet\"\/>\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --bg:        #FCF8F5;\n  --bg-warm:   #F5EDE3;\n  --bg-card:   #FFFFFF;\n  --orange:    #B7592B;\n  --orange-lt: #D09D76;\n  --orange-xl: #EDD5C0;\n  --cream:     #F0DCC2;\n  --text:      #1E120A;\n  --text-mid:  #5C3D28;\n  --text-soft: #9C7358;\n  --white:     #FFFFFF;\n  --border:    rgba(183,89,43,.13);\n\n  --font-d: 'Red Hat Display', sans-serif;\n  --font-t: 'Red Hat Text', sans-serif;\n\n  --r-sm:  8px;\n  --r-md:  16px;\n  --r-lg:  24px;\n  --r-xl:  36px;\n\n  --sh-xs: 0 1px 4px rgba(0,0,0,.06);\n  --sh-sm: 0 2px 12px rgba(183,89,43,.08);\n  --sh-md: 0 6px 32px rgba(183,89,43,.11);\n  --sh-lg: 0 12px 56px rgba(183,89,43,.14);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESET\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody {\n  background: var(--bg);\n  color: var(--text);\n  font-family: var(--font-t);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\nimg { display: block; max-width: 100%; }\na { color: inherit; text-decoration: none; }\nul { list-style: none; }\nbutton { font-family: inherit; cursor: pointer; border: none; background: none; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.wrap { max-width: 1120px; margin: 0 auto; padding: 0 28px; }\n.section { padding: 88px 0; }\n.section-sm { padding: 64px 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh2 { font-family: var(--font-d); font-size: clamp(1.8rem,3.8vw,2.8rem); font-weight: 800; line-height: 1.18; }\nh3 { font-family: var(--font-d); font-size: clamp(1.1rem,2.2vw,1.4rem); font-weight: 700; line-height: 1.25; }\nh4 { font-family: var(--font-d); font-size: 14.5px; font-weight: 700; line-height: 1.3; }\n\n.eyebrow {\n  display: inline-block;\n  font-family: var(--font-d);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: var(--orange);\n  margin-bottom: 14px;\n}\n.section-header { margin-bottom: 52px; }\n.section-header h2 { margin-bottom: 12px; }\n.section-header p { color: var(--text-mid); font-size: 17px; max-width: 540px; }\n.section-header.center { text-align: center; }\n.section-header.center p { margin: 0 auto; }\n\n.divider { width: 40px; height: 3px; background: var(--orange); border-radius: 2px; margin: 16px 0 0; }\n.divider.c { margin-left: auto; margin-right: auto; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 9px;\n  font-family: var(--font-d); font-weight: 700; font-size: 15px;\n  letter-spacing: .02em; border-radius: 100px; padding: 15px 32px;\n  transition: transform .18s, box-shadow .18s, background .18s, color .18s;\n  white-space: nowrap; border: none; cursor: pointer;\n  text-decoration: none;\n}\n.btn:hover { transform: translateY(-2px); }\n\n.btn-primary {\n  background: var(--orange);\n  color: #FCF8F5 !important;\n  border: 2px solid var(--orange) !important;\n  box-shadow: 0 4px 20px rgba(183,89,43,.28);\n}\n.btn-primary *,\n.btn-primary svg { color: #FCF8F5 !important; stroke: currentColor; }\n.btn-primary:hover {\n  background: #8f421e !important;\n  border-color: #8f421e !important;\n  color: #FCF8F5 !important;\n  box-shadow: 0 8px 28px rgba(143,66,30,.34);\n}\n\n.btn-outline { background: transparent; color: var(--orange); border: 2px solid var(--orange); }\n.btn-outline:hover {\n  background: var(--orange);\n  color: #FCF8F5 !important;\n}\n.btn-outline:hover *,\n.btn-outline:hover svg { color: #FCF8F5 !important; stroke: currentColor; }\n\n.btn-ghost { background: rgba(183,89,43,.08); color: var(--orange); border: 2px solid transparent; }\n.btn-ghost:hover { background: rgba(183,89,43,.15); }\n\n.btn-group { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BANNER VIDEO M\u00c1S ANCHO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n.site-banner {\n  position: relative;\n  width: 100%;\n  height: clamp(140px, 34vw, 420px);\n  overflow: hidden;\n  line-height: 0;\n  display: block;\n  cursor: pointer;\n}\n\n.site-banner img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center 35%;\n  display: block;\n  transition: transform .4s ease;\n}\n\n.site-banner:hover img {\n  transform: scale(1.02);\n}\n\n.site-banner-play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 72px;\n  height: 72px;\n  background: rgba(183,89,43,.88);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 24px rgba(0,0,0,.3);\n  transition: background .2s, transform .2s;\n}\n\n.site-banner:hover .site-banner-play {\n  background: var(--orange);\n  transform: translate(-50%, -50%) scale(1.08);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero { background: var(--bg); padding: 56px 0 48px; text-align: center; }\n.hero-logo { max-width: min(480px, 85vw); margin: 0 auto 20px; }\n.hero-logo img { width: 100%; height: auto; display: block; }\n.hero-festival-label {\n  font-family: var(--font-d);\n  font-size: clamp(.85rem,1.8vw,1.05rem);\n  font-weight: 500;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n  color: var(--text-soft);\n  margin-bottom: 32px;\n}\n.hero-meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px 36px; margin-bottom: 36px; }\n.hero-meta-row { display: flex; align-items: center; gap: 9px; font-family: var(--font-d); font-size: 15px; font-weight: 600; color: var(--text); }\n.hero-meta-row svg { color: var(--orange); flex-shrink: 0; }\n.hero-cta { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TICKET STRIP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ticket-strip { background: var(--orange); }\n.ticket-cells { display: grid; grid-template-columns: repeat(4,1fr); }\n.ticket-cell { padding: 28px 32px; border-right: 1px solid rgba(255,255,255,.18); }\n.ticket-cell:last-child { border-right: none; }\n.tc-label { font-family: var(--font-d); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.6); margin-bottom: 4px; }\n.tc-value { font-family: var(--font-d); font-size: clamp(.95rem,1.8vw,1.2rem); font-weight: 800; color: #fff; line-height: 1.25; }\n.tc-sub { font-size: 12px; color: rgba(255,255,255,.65); margin-top: 2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PRECIOS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.prices-section { background: var(--bg); }\n\n\/* Contenedor de dos cuadros lado a lado *\/\n.prices-top {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin-bottom: 36px;\n}\n\n\/* Cuadro: comprar entrada *\/\n.prices-buy-box {\n  background: var(--cream);\n  border: 1px solid rgba(183,89,43,.18);\n  border-radius: var(--r-lg);\n  padding: 32px 36px;\n  box-shadow: var(--sh-sm);\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.prices-buy-box-label {\n  font-family: var(--font-d);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n  color: var(--text-soft);\n}\n.prices-buy-box h3 {\n  font-size: 1.05rem;\n  color: var(--text);\n  margin: 0;\n}\n.prices-buy-divider {\n  width: 100%;\n  height: 1px;\n  background: rgba(183,89,43,.18);\n}\n.prices-buy-option {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.prices-buy-option-label {\n  font-family: var(--font-d);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  color: var(--text-soft);\n}\n.prices-buy-option .btn-group {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.price-tag-inline {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: var(--cream); border-radius: 100px; padding: 6px 16px 6px 10px; margin-top: 10px;\n}\n.price-tag-inline .old { font-size: 13px; color: var(--text-soft); text-decoration: line-through; }\n.price-tag-inline .new { font-family: var(--font-d); font-size: 15px; font-weight: 800; color: var(--orange); }\n.price-tag-inline .badge {\n  background: var(--orange); color: #FCF8F5; font-family: var(--font-d);\n  font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;\n  padding: 3px 8px; border-radius: 100px;\n}\n\n\n.age-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-bottom: 36px; }\n.age-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 28px 24px; text-align: center; box-shadow: var(--sh-xs); transition: transform .2s, box-shadow .2s; }\n.age-card:hover { transform: translateY(-4px); box-shadow: var(--sh-md); }\n.age-range { font-family: var(--font-d); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--text-soft); margin-bottom: 10px; }\n.age-price { font-family: var(--font-d); font-size: 2rem; font-weight: 900; color: var(--orange); line-height: 1.1; margin-bottom: 6px; }\n.age-price small { font-size: 1rem; font-weight: 600; }\n.age-note { font-size: 12.5px; color: var(--text-soft); line-height: 1.55; }\n.age-card.free .age-price { color: var(--text); }\n\n\/* Precio tachado + nuevo en la card de mayores de 18 *\/\n.age-price-wrap { display: flex; flex-direction: column; align-items: center; gap: 2px; margin-bottom: 6px; }\n.age-price-old { font-family: var(--font-d); font-size: 1rem; font-weight: 600; color: var(--text-soft); text-decoration: line-through; }\n\n\/* T\u00edtulo secci\u00f3n con precio llamativo al lado *\/\n.prices-title-row {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n.prices-title-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: var(--cream);\n  border-radius: 100px;\n  padding: 8px 20px 8px 14px;\n  border: 1px solid rgba(183,89,43,.2);\n}\n.prices-title-old {\n  font-family: var(--font-d);\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--text-soft);\n  text-decoration: line-through;\n}\n.prices-title-new {\n  font-family: var(--font-d);\n  font-size: 1.5rem;\n  font-weight: 900;\n  color: var(--orange);\n  line-height: 1;\n}\n.prices-title-tag {\n  font-family: var(--font-d);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  color: var(--white);\n  background: var(--orange);\n  padding: 3px 10px;\n  border-radius: 100px;\n}\n\n\n\n.discount-cards { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }\n.discount-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 24px 28px; display: flex; gap: 16px; align-items: flex-start; box-shadow: var(--sh-xs); transition: transform .2s; }\n.discount-card:hover { transform: translateY(-3px); }\n.discount-icon { flex-shrink: 0; width: 44px; height: 44px; border-radius: var(--r-sm); background: var(--cream); display: flex; align-items: center; justify-content: center; }\n.discount-icon svg { color: var(--orange); }\n.discount-text h4 { margin-bottom: 4px; color: var(--text); }\n.discount-text p { font-size: 13.5px; color: var(--text-soft); line-height: 1.6; }\n.discount-pill { display: inline-block; background: var(--cream); color: var(--orange); font-family: var(--font-d); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 3px 10px; border-radius: 100px; margin-top: 6px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ABOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }\n.about-img { aspect-ratio: 4\/5; border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--sh-lg); }\n.about-img img { width: 100%; height: 100%; object-fit: cover; }\n.about-content { display: flex; flex-direction: column; gap: 18px; }\n.about-content h2 { margin-bottom: 4px; }\n.about-content p { color: var(--text-mid); font-size: 16.5px; line-height: 1.78; }\n.about-quote { border-left: 3px solid var(--orange); padding: 14px 20px; background: var(--cream); border-radius: 0 var(--r-sm) var(--r-sm) 0; font-family: var(--font-d); font-size: .98rem; font-weight: 500; font-style: italic; color: var(--orange); line-height: 1.55; }\n.about-quote cite { font-style: normal; font-weight: 400; font-size: .82rem; color: var(--text-soft); display: block; margin-top: 6px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   JES\u00daS EN EL CENTRO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.jesus-section { background: var(--bg-warm); }\n.jesus-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }\n.jesus-img { aspect-ratio: 3\/4; border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--sh-lg); order: 2; }\n.jesus-img img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }\n.jesus-content { order: 1; display: flex; flex-direction: column; gap: 20px; }\n.jesus-content h2 { margin-bottom: 4px; }\n.jesus-content p { color: var(--text-mid); font-size: 16.5px; line-height: 1.78; }\n\n.feat-list { display: flex; flex-direction: column; gap: 12px; }\n.feat-item { display: flex; align-items: flex-start; gap: 14px; }\n.feat-icon { flex-shrink: 0; width: 38px; height: 38px; border-radius: var(--r-sm); background: var(--cream); display: flex; align-items: center; justify-content: center; margin-top: 1px; }\n.feat-icon svg { color: var(--orange); }\n.feat-text h4 { font-family: var(--font-d); font-size: 14.5px; font-weight: 700; color: var(--text); margin-bottom: 1px; }\n.feat-text p { font-size: 13.5px; color: var(--text-soft); line-height: 1.55; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TIMELINE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.timeline-wrap { max-width: 680px; margin: 0 auto; }\n.horario-section { position: relative; overflow: hidden; }\n.horario-bg { position: absolute; inset: 0; z-index: 0; }\n.horario-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 60%; }\n.horario-bg::after { content: ''; position: absolute; inset: 0; background: rgba(252,248,245,.90); }\n.horario-inner { position: relative; z-index: 1; }\n.tl { position: relative; display: flex; flex-direction: column; }\n.tl::before { content: ''; position: absolute; left: 96px; top: 12px; bottom: 12px; width: 1px; background: linear-gradient(to bottom, var(--orange) 0%, var(--orange-xl) 100%); }\n.tl-item { display: grid; grid-template-columns: 96px 1fr; gap: 32px; padding-bottom: 36px; position: relative; align-items: flex-start; }\n.tl-item:last-child { padding-bottom: 0; }\n.tl-time { font-family: var(--font-d); font-size: 12.5px; font-weight: 700; color: var(--orange); text-align: right; padding-top: 3px; padding-right: 20px; letter-spacing: .04em; }\n.tl-dot { position: absolute; left: 96px; top: 10px; transform: translateX(-50%); width: 11px; height: 11px; border-radius: 50%; background: var(--orange); border: 2px solid var(--bg); box-shadow: 0 0 0 3px rgba(183,89,43,.18); }\n.tl-dot.lg { width: 15px; height: 15px; box-shadow: 0 0 0 4px rgba(183,89,43,.18); }\n.tl-body { padding-left: 24px; }\n.tl-icon-wrap { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }\n.tl-icon { width: 34px; height: 34px; border-radius: var(--r-sm); background: var(--cream); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.tl-icon svg { color: var(--orange); }\n.tl-title { font-family: var(--font-d); font-size: 15.5px; font-weight: 700; color: var(--text); }\n.tl-desc { font-size: 14px; color: var(--text-soft); line-height: 1.6; margin-top: 3px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GALLERY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gallery-wrap { background: var(--bg-warm); }\n.gallery { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }\n.gal-item { border-radius: var(--r-md); overflow: hidden; aspect-ratio: 4\/3; box-shadow: var(--sh-xs); }\n.gal-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }\n.gal-item:hover img { transform: scale(1.05); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   VOLUNTARIOS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.volunteers-section { position: relative; overflow: hidden; padding: 100px 0; }\n.volunteers-bg { position: absolute; inset: 0; z-index: 0; }\n.volunteers-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }\n.volunteers-bg::after { content: ''; position: absolute; inset: 0; background: rgba(252,248,245,.82); }\n.volunteers-inner { position: relative; z-index: 1; max-width: 680px; margin: 0 auto; text-align: center; padding: 0 28px; display: flex; flex-direction: column; align-items: center; gap: 20px; }\n.volunteers-inner h2 { color: var(--text); margin-bottom: 0; }\n.volunteers-inner p { color: var(--text-mid); font-size: 17px; line-height: 1.75; max-width: 560px; }\n.volunteers-soon { font-family: var(--font-d); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--text-soft); margin-top: 4px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   NORMAS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.normas-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }\n.norma-card { background: var(--white); border-radius: var(--r-lg); padding: 28px; display: flex; gap: 16px; align-items: flex-start; border: 1px solid var(--border); box-shadow: var(--sh-xs); transition: transform .2s; }\n.norma-card:hover { transform: translateY(-3px); }\n.norma-icon { flex-shrink: 0; width: 44px; height: 44px; border-radius: var(--r-sm); background: var(--cream); display: flex; align-items: center; justify-content: center; }\n.norma-icon svg { color: var(--orange); }\n.norma-text h4 { margin-bottom: 4px; color: var(--text); }\n.norma-text p { font-size: 13.5px; color: var(--text-soft); line-height: 1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CTA STRIP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-strip { background: var(--cream); padding: 80px 0; text-align: center; }\n.cta-strip h2 { margin-bottom: 14px; }\n.cta-strip p { color: var(--text-mid); font-size: 17px; max-width: 520px; margin: 0 auto 36px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 960px) {\n  .about-grid, .jesus-inner { grid-template-columns: 1fr; gap: 40px; }\n  .jesus-img { order: 1; aspect-ratio: 16\/9; }\n  .jesus-content { order: 2; }\n  .about-img { aspect-ratio: 16\/9; }\n  .ticket-cells { grid-template-columns: repeat(2,1fr); }\n  .ticket-cell:nth-child(2) { border-right: none; }\n  .prices-top { grid-template-columns: 1fr; }\n  .age-cards { grid-template-columns: repeat(3,1fr); }\n  .discount-cards { grid-template-columns: 1fr; }\n  .gallery { grid-template-columns: repeat(3,1fr); }\n  .normas-grid { grid-template-columns: 1fr; }\n  .tl::before { left: 80px; }\n  .tl-item { grid-template-columns: 80px 1fr; }\n  .tl-dot { left: 80px; }\n}\n@media (max-width: 640px) {\n  .section { padding: 64px 0; }\n  .ticket-cells { grid-template-columns: 1fr; }\n  .ticket-cell { border-right: none; border-bottom: 1px solid rgba(255,255,255,.18); }\n  .ticket-cell:last-child { border-bottom: none; }\n  .age-cards { grid-template-columns: 1fr; }\n  .gallery { grid-template-columns: repeat(2,1fr); }\n  .btn-group { flex-direction: column; }\n  .btn-group .btn { width: 100%; justify-content: center; }\n  .tl::before { left: 64px; }\n  .tl-item { grid-template-columns: 64px 1fr; gap: 12px; }\n  .tl-dot { left: 64px; }\n  .tl-body { padding-left: 12px; }\n  .volunteers-section { padding: 72px 0; }\n  .normas-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     BANNER IMAGEN PRINCIPAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"site-banner\">\nclass=\"site-banner\"\n  href=\"https:\/\/www.youtube.com\/watch?v=mDMzLByIy0s\"\n  target=\"_blank\"\n  rel=\"noopener\"\n  aria-label=\"Ver v\u00eddeo de Har Tabor en YouTube\"\n>\n  <img decoding=\"async\"\n    src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-62-scaled-e1779742965167.jpg\"\n    alt=\"Har Tabor \u2014 Ver v\u00eddeo en YouTube\"\n    loading=\"eager\"\n  \/>\n  <div class=\"site-banner-play\">\n    <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"#FCF8F5\" aria-hidden=\"true\">\n      <polygon points=\"5,3 19,12 5,21\"\/>\n    <\/svg>\n  <\/div>\n<\/a>\n<\/div>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HERO \u2014 logo + info\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero\">\n  <div class=\"wrap\">\n    <div class=\"hero-logo\">\n      <img decoding=\"async\"\n        src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/logo-HT-e1779747220137.png\"\n        alt=\"Har Tabor \u2014 Worship Music Festival\"\n      \/>\n    <\/div>\n    <p class=\"hero-festival-label\">Festival de m\u00fasica de alabanza<\/p>\n    <div class=\"hero-meta\">\n      <div class=\"hero-meta-row\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\n        S\u00e1bado, 24 de octubre de 2026\n      <\/div>\n      <div class=\"hero-meta-row\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n        De 16:00 h a 23:30 h\n      <\/div>\n      <div class=\"hero-meta-row\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n        Cerdanyola\n      <\/div>\n    <\/div>\n    <div class=\"hero-cta\">\n      <!-- Cambio 3: bot\u00f3n apunta a #precios -->\n      <a href=\"#precios\" class=\"btn btn-primary\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-4 0v2M8 11h8M8 15h4\"\/><\/svg>\n        Compra tu entrada\n      <\/a>\n      <a href=\"#que-es\" class=\"btn btn-ghost\">Saber m\u00e1s<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     TICKET STRIP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"ticket-strip\">\n  <div class=\"wrap\">\n    <div class=\"ticket-cells\">\n      <div class=\"ticket-cell\">\n        <div class=\"tc-label\">Fecha<\/div>\n        <div class=\"tc-value\">24 octubre 2026<\/div>\n        <div class=\"tc-sub\">S\u00e1bado<\/div>\n      <\/div>\n      <div class=\"ticket-cell\">\n        <div class=\"tc-label\">Horario<\/div>\n        <div class=\"tc-value\">16:00 \u2014 23:30<\/div>\n        <div class=\"tc-sub\">Puertas abren a las 16 h<\/div>\n      <\/div>\n      <div class=\"ticket-cell\">\n        <div class=\"tc-label\">Ubicaci\u00f3n<\/div>\n        <div class=\"tc-value\">Cerdanyola<\/div>\n        <div class=\"tc-sub\"><\/div>\n      <\/div>\n      <div class=\"ticket-cell\">\n        <div class=\"tc-label\">Entrada<\/div>\n        <div class=\"tc-value\">QR en app Agap\u0113<\/div>\n        <div class=\"tc-sub\">Acceso obligatorio con QR<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PRECIOS (cambio 1+2: compra integrada)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section prices-section\" id=\"precios\">\n  <div class=\"wrap\">\n\n    <div class=\"section-header\">\n      <div class=\"eyebrow\">Entradas<\/div>\n      <div class=\"prices-title-row\">\n        <h2>Obt\u00e9n tu entrada<\/h2>\n        <div class=\"prices-title-badge\">\n          <span class=\"prices-title-old\">25,90 \u20ac<\/span>\n          <span class=\"prices-title-new\">20,90 \u20ac<\/span>\n          <span class=\"prices-title-tag\">Precio con descuento<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"divider\"><\/div>\n    <\/div>\n\n    <!-- Cuadro \u00fanico: obt\u00e9n tu entrada -->\n    <div class=\"prices-top\">\n      <div class=\"prices-buy-box\" style=\"grid-column: 1 \/ -1;\">\n        <div class=\"prices-buy-box-label\">Precio con descuento hasta el 31 de agosto<\/div>\n        <h3>Compra tu entrada por la web o descarga la app Agap\u0113<\/h3>\n\n        <div class=\"prices-buy-divider\"><\/div>\n\n        <!-- Opci\u00f3n web -->\n        <div class=\"prices-buy-option\">\n          <div class=\"prices-buy-option-label\">Por la web<\/div>\n          <div class=\"btn-group\">\n            <a href=\"https:\/\/agape.delejoveterrassa.com\/eventos\/60\/register\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\n              <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\"\/><\/svg>\n              Reg\u00edstrate y compra tu entrada\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"prices-buy-divider\"><\/div>\n\n        <!-- Opci\u00f3n app -->\n        <div class=\"prices-buy-option\">\n          <div class=\"prices-buy-option-label\">App Agap\u0113<\/div>\n          <div class=\"btn-group\">\n            <a href=\"https:\/\/apps.apple.com\/es\/app\/agap%C4%93\/id6756997687\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">\n              <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" aria-hidden=\"true\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><path d=\"M10 6h4\"\/><\/svg>\n              Descargar para iPhone\n            <\/a>\n            <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.oriolfarras.Agape\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">\n              <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" aria-hidden=\"true\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><path d=\"M10 6h4\"\/><\/svg>\n              Descargar para Android\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Precios por edad -->\n    <div style=\"margin: 40px 0 16px;\">\n      <h3 style=\"margin-bottom: 20px;\">Precios por edad<\/h3>\n    <\/div>\n    <div class=\"age-cards\">\n      <div class=\"age-card\">\n        <div class=\"age-range\">Mayores de 18 a\u00f1os<\/div>\n        <div class=\"age-price-wrap\">\n          <span class=\"age-price-old\">25,90 \u20ac<\/span>\n          <div class=\"age-price\">20,90<small> \u20ac<\/small><\/div>\n        <\/div>\n        <div class=\"age-note\">Precio con descuento hasta el 31 de agosto<\/div>\n      <\/div>\n      <div class=\"age-card\">\n        <div class=\"age-range\">9 \u2014 17 a\u00f1os<\/div>\n        <div class=\"age-price\">10<small> \u20ac<\/small><\/div>\n        <div class=\"age-note\">Precio reducido para menores<\/div>\n      <\/div>\n      <div class=\"age-card free\">\n        <div class=\"age-range\">0 \u2014 8 a\u00f1os<\/div>\n        <div class=\"age-price\">Gratis<\/div>\n        <div class=\"age-note\">Sin coste para los m\u00e1s peque\u00f1os<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Descuentos especiales -->\n    <div style=\"margin: 48px 0 20px;\">\n      <h3>Descuentos especiales<\/h3>\n    <\/div>\n    <div class=\"discount-cards\">\n      <div class=\"discount-card\">\n        <div class=\"discount-icon\">\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n        <\/div>\n        <div class=\"discount-text\">\n          <h4>Familias numerosas y grupos de parroquias<\/h4>\n          <p>20% de descuento a partir de 5 personas. Disponible a partir del 1 de septiembre. Enviar un mail a delejove@bisbatdeterrassa.org con los DNI's de toda la familia.<\/p>\n          <span class=\"discount-pill\">20% dto. \u00b7 desde 5 personas<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"discount-card\">\n        <div class=\"discount-icon\">\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2v20M2 12h20\"\/><\/svg>\n        <\/div>\n        <div class=\"discount-text\">\n          <h4>Sacerdotes y religiosos\/as<\/h4>\n          <p>Acceso gratuito. Imprescindible entrada QR. Solicitar por mail la entrada.<\/p>\n          <span class=\"discount-pill\">Entrada gratuita.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     QU\u00c9 ES HAR TABOR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section\" id=\"que-es\">\n  <div class=\"wrap\">\n    <div class=\"about-grid\">\n      <div class=\"about-img\">\n        <img decoding=\"async\"\n          src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-472-scaled.jpg\"\n          alt=\"Har Tabor \u2014 comunidad de j\u00f3venes en oraci\u00f3n\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"about-content\">\n        <div class=\"eyebrow\">\u00bfQu\u00e9 es Har Tabor?<\/div>\n        <h2>Una cima.<br>Una transformaci\u00f3n.<\/h2>\n        <div class=\"divider\"><\/div>\n        <p><strong>Har Tabor<\/strong> significa Monte Tabor en hebreo. Es el lugar donde Jes\u00fas se transfigur\u00f3 ante sus disc\u00edpulos: un momento de gloria, de presencia, de encuentro real con Dios.<\/p>\n        <p>Ese es el esp\u00edritu de este festival: crear un espacio donde la m\u00fasica, la oraci\u00f3n y la alabanza se conviertan en una experiencia de encuentro con Cristo. Un lugar donde j\u00f3venes de toda la di\u00f3cesis de Terrassa puedan reunirse, cantar y adorar juntos.<\/p>\n        <div class=\"about-quote\">\n          \"Y se transfigur\u00f3 delante de ellos, y su rostro resplandeci\u00f3 como el sol.\"\n          <cite>\u2014 Mateo 17, 2<\/cite>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     JES\u00daS EN EL CENTRO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section jesus-section\" id=\"jesus\">\n  <div class=\"wrap\">\n    <div class=\"jesus-inner\">\n      <div class=\"jesus-content\">\n        <div class=\"eyebrow\">El coraz\u00f3n del festival<\/div>\n        <h2>Jes\u00fas<br>en el centro<\/h2>\n        <div class=\"divider\"><\/div>\n        <p>Har Tabor no es solo un concierto. Es una noche para encontrarnos con \u00c9l. Todo lo que sucede en el festival \u2014la m\u00fasica, la misa, la adoraci\u00f3n, la oraci\u00f3n, las confesiones\u2014 tiene un \u00fanico centro: Cristo.<\/p>\n        <div class=\"feat-list\">\n          <div class=\"feat-item\">\n            <div class=\"feat-icon\">\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M12 2v20M2 12h20\"\/><\/svg>\n            <\/div>\n            <div class=\"feat-text\">\n              <h4>Santa Misa<\/h4>\n              <p>La Eucarist\u00eda en el coraz\u00f3n del festival.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"feat-item\">\n            <div class=\"feat-icon\">\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2M12 20v2M2 12h2M20 12h2\"\/><\/svg>\n            <\/div>\n            <div class=\"feat-text\">\n              <h4>Adoraci\u00f3n al Sant\u00edsimo<\/h4>\n              <p>Un momento de silencio, adoraci\u00f3n y encuentro personal.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"feat-item\">\n            <div class=\"feat-icon\">\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg>\n            <\/div>\n            <div class=\"feat-text\">\n              <h4>Oraci\u00f3n y alabanza<\/h4>\n              <p>M\u00fasica en vivo y momentos de oraci\u00f3n colectiva.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"feat-item\">\n            <div class=\"feat-icon\">\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n            <\/div>\n            <div class=\"feat-text\">\n              <h4>Sacramento de la Confesi\u00f3n<\/h4>\n              <p>Sacerdotes disponibles para el sacramento de la Reconciliaci\u00f3n.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"jesus-img\">\n        <img decoding=\"async\"\n          src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-413-scaled.jpg\"\n          alt=\"Adoraci\u00f3n al Sant\u00edsimo en Har Tabor\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HORARIO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section horario-section\" id=\"horario\">\n  <div class=\"horario-bg\">\n    <img decoding=\"async\"\n      src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-428-scaled-1.jpg\"\n      alt=\"\"\n      loading=\"lazy\"\n      aria-hidden=\"true\"\n    \/>\n  <\/div>\n  <div class=\"horario-inner wrap\">\n    <div class=\"section-header center\">\n      <div class=\"eyebrow\">24 de octubre de 2026<\/div>\n      <h2>Horario del festival<\/h2>\n      <div class=\"divider c\"><\/div>\n      <p>Un d\u00eda de fe, m\u00fasica y comunidad. Desde las 16 hasta las 23:30 h.<\/p>\n    <\/div>\n    <div class=\"timeline-wrap\">\n      <div class=\"tl\">\n\n        <div class=\"tl-item\">\n          <div class=\"tl-time\">16:00<\/div>\n          <div class=\"tl-dot lg\"><\/div>\n          <div class=\"tl-body\">\n            <div class=\"tl-icon-wrap\">\n              <div class=\"tl-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n              <\/div>\n              <div class=\"tl-title\">Apertura de puertas<\/div>\n            <\/div>\n            <div class=\"tl-desc\">Acceso al recinto con QR de la app Agap\u0113. Bienvenida y ambiente de festival. Finca privada en Cerdanyola.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tl-item\">\n          <div class=\"tl-time\"><\/div>\n          <div class=\"tl-dot\"><\/div>\n          <div class=\"tl-body\">\n            <div class=\"tl-icon-wrap\">\n              <div class=\"tl-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M9 18V5l12-2v13\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><circle cx=\"18\" cy=\"16\" r=\"3\"\/><\/svg>\n              <\/div>\n              <div class=\"tl-title\">Alabanza<\/div>\n            <\/div>\n            <div class=\"tl-desc\">M\u00fasica de alabanza en directo. Momentos de adoraci\u00f3n y oraci\u00f3n colectiva.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tl-item\">\n          <div class=\"tl-time\"><\/div>\n          <div class=\"tl-dot lg\"><\/div>\n          <div class=\"tl-body\">\n            <div class=\"tl-icon-wrap\">\n              <div class=\"tl-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M12 2v20M2 12h20\"\/><\/svg>\n              <\/div>\n              <div class=\"tl-title\">Santa Misa<\/div>\n            <\/div>\n            <div class=\"tl-desc\">Celebraci\u00f3n de la Eucarist\u00eda en el coraz\u00f3n del festival.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tl-item\">\n          <div class=\"tl-time\"><\/div>\n          <div class=\"tl-dot\"><\/div>\n          <div class=\"tl-body\">\n            <div class=\"tl-icon-wrap\">\n              <div class=\"tl-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2M12 20v2M2 12h2M20 12h2\"\/><\/svg>\n              <\/div>\n              <div class=\"tl-title\">Adoraci\u00f3n al Sant\u00edsimo<\/div>\n            <\/div>\n            <div class=\"tl-desc\">Silencio, adoraci\u00f3n y encuentro personal con Cristo. Confesiones disponibles.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tl-item\">\n          <div class=\"tl-time\"><\/div>\n          <div class=\"tl-dot\"><\/div>\n          <div class=\"tl-body\">\n            <div class=\"tl-icon-wrap\">\n              <div class=\"tl-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M3 11l19-9-9 19-2-8-8-2z\"\/><\/svg>\n              <\/div>\n              <div class=\"tl-title\">Cena con foodtrucks<\/div>\n            <\/div>\n            <div class=\"tl-desc\">Tiempo de comunidad, amistad y cena. Foodtrucks disponibles en el recinto.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tl-item\">\n          <div class=\"tl-time\">23:30<\/div>\n          <div class=\"tl-dot lg\"><\/div>\n          <div class=\"tl-body\">\n            <div class=\"tl-icon-wrap\">\n              <div class=\"tl-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z\"\/><\/svg>\n              <\/div>\n              <div class=\"tl-title\">Cierre de puertas<\/div>\n            <\/div>\n            <div class=\"tl-desc\">Fin del festival. Hasta la pr\u00f3xima cima.<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     GALER\u00cdA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section-sm gallery-wrap\" id=\"galeria\">\n  <div class=\"wrap\">\n    <div class=\"section-header center\" style=\"margin-bottom:36px;\">\n      <div class=\"eyebrow\">Galer\u00eda<\/div>\n      <h2>As\u00ed es Har Tabor<\/h2>\n      <div class=\"divider c\"><\/div>\n    <\/div>\n    <div class=\"gallery\">\n      <div class=\"gal-item\">\n        <img decoding=\"async\" src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-48-scaled.jpg\" alt=\"Har Tabor \u2014 momento de alabanza\" loading=\"lazy\"\/>\n      <\/div>\n      <div class=\"gal-item\">\n        <img decoding=\"async\" src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-469-scaled.jpg\" alt=\"Har Tabor \u2014 comunidad de j\u00f3venes\" loading=\"lazy\"\/>\n      <\/div>\n      <div class=\"gal-item\">\n        <img decoding=\"async\" src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-254-scaled.jpg\" alt=\"Har Tabor \u2014 oraci\u00f3n y fe\" loading=\"lazy\"\/>\n      <\/div>\n      <div class=\"gal-item\">\n        <img decoding=\"async\" src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-70-scaled.jpg\" alt=\"Har Tabor \u2014 m\u00fasica en vivo\" loading=\"lazy\"\/>\n      <\/div>\n      <div class=\"gal-item\">\n        <img decoding=\"async\" src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-16-scaled.jpg\" alt=\"Har Tabor \u2014 encuentro y comunidad\" loading=\"lazy\"\/>\n      <\/div>\n      <div class=\"gal-item\">\n        <img decoding=\"async\" src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-248-scaled.jpg\" alt=\"Har Tabor \u2014 j\u00f3venes en el festival\" loading=\"lazy\"\/>\n      <\/div>\n      <div class=\"gal-item\">\n        <img decoding=\"async\" src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-410-scaled.jpg\" alt=\"Har Tabor \u2014 adoraci\u00f3n\" loading=\"lazy\"\/>\n      <\/div>\n      <div class=\"gal-item\">\n        <img decoding=\"async\" src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-81-scaled.jpg\" alt=\"Har Tabor \u2014 comunidad\" loading=\"lazy\"\/>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     VOLUNTARIOS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"volunteers-section\" id=\"voluntarios\">\n  <div class=\"volunteers-bg\">\n    <img decoding=\"async\"\n      src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-29-1-scaled.jpg\"\n      alt=\"Voluntarios en Har Tabor\"\n      loading=\"lazy\"\n    \/>\n  <\/div>\n  <div class=\"volunteers-inner\">\n    <div class=\"eyebrow\" style=\"background: rgba(255,255,255,.7); padding: 5px 14px; border-radius: 100px;\">Voluntariado<\/div>\n    <h2>Forma parte del equipo<br>de voluntarios<\/h2>\n    <p>Har Tabor tambi\u00e9n se construye gracias a las personas que quieren servir. Pr\u00f3ximamente abriremos las inscripciones para quienes quieran colaborar como voluntarios en el festival.<\/p>\n    <div style=\"display:flex; flex-direction:column; align-items:center; gap:10px;\">\n      <a href=\"#\" class=\"btn btn-primary\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n        Solicita ser voluntario\n      <\/a>\n      <span class=\"volunteers-soon\">Pr\u00f3ximamente disponible<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     NORMAS (cambio 5: sin la card de comida)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"section\" style=\"background: var(--bg-warm);\" id=\"normas\">\n  <div class=\"wrap\">\n    <div class=\"section-header center\">\n      <div class=\"eyebrow\">Normas del festival<\/div>\n      <h2>Para disfrutarlo juntos<\/h2>\n      <div class=\"divider c\"><\/div>\n      <p>Har Tabor es un espacio de respeto, unidad y comunidad.<\/p>\n    <\/div>\n    <div class=\"normas-grid\">\n\n      <!-- Card \"Sin comida ni bebida\" eliminada (cambio 5) -->\n\n      <div class=\"norma-card\">\n        <div class=\"norma-icon\">\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n        <\/div>\n        <div class=\"norma-text\">\n          <h4>Controles de seguridad<\/h4>\n          <p>Habr\u00e1 controles de seguridad en los accesos. Colabora con el personal y ten tu QR listo al entrar.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"norma-card\">\n        <div class=\"norma-icon\">\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><polyline points=\"3 6 5 6 21 6\"\/><path d=\"M19 6l-1 14H6L5 6\"\/><path d=\"M10 11v6M14 11v6\"\/><path d=\"M9 6V4h6v2\"\/><\/svg>\n        <\/div>\n        <div class=\"norma-text\">\n          <h4>Mant\u00e9n limpio el recinto<\/h4>\n          <p>Utiliza los contenedores disponibles. Deja el espacio en buen estado para todos.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"norma-card\">\n        <div class=\"norma-icon\">\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n        <\/div>\n        <div class=\"norma-text\">\n          <h4>Respeto y buen comportamiento<\/h4>\n          <p>Har Tabor es un espacio de fe y comunidad. Se pide respeto hacia todos los asistentes y el recinto.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"norma-card\">\n        <div class=\"norma-icon\">\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"13\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/><\/svg>\n        <\/div>\n        <div class=\"norma-text\">\n          <h4>Puedes traer esterilla, silla plegable o manta<\/h4>\n          <p>Si lo deseas, puedes traer una esterilla, una silla plegable o una manta para estar m\u00e1s c\u00f3modo durante algunos momentos del festival.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     FOTO FINAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<div class=\"final-photo\">\n  <img decoding=\"async\"\n    src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/har_tabor_2025-62-scaled-e1779742965167.jpg\"\n    alt=\"Har Tabor \u2014 Festival de m\u00fasica de alabanza\"\n    loading=\"eager\"\n  \/>\n<\/div>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     CTA STRIP (cambio 4: tres botones)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"cta-strip\" id=\"descarga-app\">\n  <div class=\"wrap\">\n    <div class=\"eyebrow\">24 de octubre de 2026 \u00b7 Cerdanyola<\/div>\n    <h2>No te lo pienses m\u00e1s<\/h2>\n    <!-- Cambio 4: texto actualizado -->\n    <p>Reg\u00edstrate y compra tu entrada por la web, o descarga la app Agap\u0113 y lleva tu entrada QR en el m\u00f3vil.<\/p>\n    <div class=\"btn-group\" style=\"justify-content:center;\">\n      <!-- Cambio 4: bot\u00f3n web a\u00f1adido -->\n      <a href=\"https:\/\/agape.delejoveterrassa.com\/eventos\/60\/register\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"\/><path d=\"M17 8l-5-5-5 5\"\/><path d=\"M12 3v12\"\/><\/svg>\n        Reg\u00edstrate y compra tu entrada\n      <\/a>\n      <a href=\"https:\/\/apps.apple.com\/es\/app\/agap%C4%93\/id6756997687\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"3\"\/><circle cx=\"12\" cy=\"17\" r=\"1\"\/><\/svg>\n        Descargar para iPhone\n      <\/a>\n      <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.oriolfarras.Agape\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"3\"\/><circle cx=\"12\" cy=\"17\" r=\"1\"\/><\/svg>\n        Descargar para Android\n      <\/a>\n    <\/div>\n    <p style=\"margin-top:24px; font-size:13px; color:var(--text-soft);\">\n      Contacto: <a href=\"mailto:delejove@bisbatdeterrassa.org\" style=\"color:var(--orange); font-weight:600;\">delejove@bisbatdeterrassa.org<\/a>\n    <\/p>\n  <\/div>\n<\/div>\n\n\n<script>\n  \/* FAQ accordion \u2014 se mantiene por si se a\u00f1ade FAQ en el futuro *\/\n  document.querySelectorAll('.faq-q').forEach(btn => {\n    btn.addEventListener('click', () => {\n      const item = btn.closest('.faq-item');\n      const open = item.classList.contains('open');\n      document.querySelectorAll('.faq-item').forEach(i => {\n        i.classList.remove('open');\n        i.querySelector('.faq-q').setAttribute('aria-expanded','false');\n      });\n      if (!open) {\n        item.classList.add('open');\n        btn.setAttribute('aria-expanded','true');\n      }\n    });\n  });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Har Tabor \u2014 Festival de M\u00fasica de Alabanza \u00b7 Dele Jove Terrassa class=\u00bbsite-banner\u00bb href=\u00bbhttps:\/\/www.youtube.com\/watch?v=mDMzLByIy0s\u00bb target=\u00bb_blank\u00bb rel=\u00bbnoopener\u00bb aria-label=\u00bbVer v\u00eddeo de Har Tabor en YouTube\u00bb > Festival de m\u00fasica de alabanza S\u00e1bado, 24 de octubre de 2026 De 16:00 h a 23:30 h Cerdanyola Compra tu entrada Saber m\u00e1s Fecha 24 octubre 2026 S\u00e1bado Horario 16:00 \u2014 [&hellip;]<\/p>\n","protected":false},"author":813,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35736","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/pages\/35736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/users\/813"}],"replies":[{"embeddable":true,"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/comments?post=35736"}],"version-history":[{"count":125,"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/pages\/35736\/revisions"}],"predecessor-version":[{"id":36288,"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/pages\/35736\/revisions\/36288"}],"wp:attachment":[{"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/media?parent=35736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}