{"id":35510,"date":"2026-05-25T15:12:37","date_gmt":"2026-05-25T13:12:37","guid":{"rendered":"https:\/\/delejoveterrassa.com\/?page_id=35510"},"modified":"2026-07-07T13:44:37","modified_gmt":"2026-07-07T11:44:37","slug":"acces-app","status":"publish","type":"page","link":"https:\/\/delejoveterrassa.com\/es\/acces-app\/","title":{"rendered":"Acc\u00e9s App"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"35510\" class=\"elementor elementor-35510\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c0b3749 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c0b3749\" 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-f0fa7ca\" data-id=\"f0fa7ca\" 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-7a7c239 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7a7c239\" 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=\"ca\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Inscriu-te amb l'app \u00c0gape \u2014 DeleJove Terrassa<\/title>\n\n<style>\n  :root {\n    --dj-bg: #FCF8F5;\n    --dj-primary: #b7592b;\n    --dj-primary-dark: #8f421e;\n    --dj-primary-light: #f5ede6;\n    --dj-text: #2d2418;\n    --dj-muted: #7a6a5e;\n    --dj-card: #ffffff;\n    --dj-border: #ede0d4;\n    --dj-warm: #f7f0e8;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: 'Georgia', 'Times New Roman', serif;\n    background: #FCF8F5;\n    color: var(--dj-text);\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  .section { padding: 80px 20px; }\n  .container { max-width: 1060px; margin: 0 auto; }\n\n  h1, h2, h3 {\n    font-family: 'Georgia', 'Times New Roman', serif;\n    line-height: 1.2;\n    color: var(--dj-text);\n  }\n\n  h1 { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 700; }\n  h2 { font-size: clamp(1.5rem, 3.5vw, 2.2rem); font-weight: 700; }\n  h3 { font-size: 1.15rem; font-weight: 700; }\n\n  p {\n    color: var(--dj-muted);\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .section-eyebrow {\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--dj-primary);\n    margin-bottom: 12px;\n  }\n\n  \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n  .btn {\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 15px 32px;\n    border-radius: 50px;\n    font-size: 15px;\n    font-weight: 600;\n    cursor: pointer;\n    text-decoration: none;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;\n    white-space: nowrap;\n    letter-spacing: 0.01em;\n  }\n\n  .btn-primary,\n  .btn-pdf {\n    background: var(--dj-primary) !important;\n    color: #FCF8F5 !important;\n    border: 2px solid var(--dj-primary) !important;\n  }\n\n  .btn-primary *,\n  .btn-pdf * {\n    color: #FCF8F5 !important;\n  }\n\n  .btn-primary:hover,\n  .btn-pdf:hover {\n    background: var(--dj-primary-dark) !important;\n    border-color: var(--dj-primary-dark) !important;\n    color: #FCF8F5 !important;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(143,66,30,0.3);\n  }\n\n  .btn-outline {\n    background: transparent;\n    color: var(--dj-primary);\n    border: 2px solid var(--dj-primary);\n  }\n\n  .btn-outline:hover {\n    background: var(--dj-primary) !important;\n    color: #FCF8F5 !important;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(143,66,30,0.2);\n  }\n\n  .btn-ghost {\n    background: rgba(255,255,255,0.15);\n    color: #FCF8F5 !important;\n    border: 2px solid rgba(255,255,255,0.6);\n  }\n\n  .btn-ghost * {\n    color: #FCF8F5 !important;\n  }\n\n  .btn-ghost:hover {\n    background: rgba(255,255,255,0.3);\n    color: #FCF8F5 !important;\n    transform: translateY(-2px);\n  }\n\n  .btn-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    align-items: center;\n  }\n\n  \/* \u2500\u2500 TOP BANNER \u2500\u2500 *\/\n  .top-banner {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    line-height: 0;\n    overflow: hidden;\n    background: #FCF8F5;\n    aspect-ratio: 21 \/ 5;\n    max-height: 260px;\n    min-height: 140px;\n  }\n\n  .top-banner img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center center;\n  }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    background: #FCF8F5;\n    padding: 79px 20px 80px;\n    position: relative;\n    overflow: hidden;\n    border-bottom: 1.5px solid var(--dj-border);\n  }\n\n  .hero .container {\n    position: relative;\n    z-index: 1;\n  }\n\n  .hero h1 {\n    color: var(--dj-text);\n    max-width: 100%;\n    margin-bottom: 22px;\n  }\n\n  .hero .subtitle {\n    color: var(--dj-muted);\n    font-size: 1.15rem;\n    max-width: 850px;\n    margin-bottom: 14px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-weight: 400;\n  }\n\n  .hero .body-text {\n    color: var(--dj-muted);\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 15px;\n    max-width: 850px;\n    margin-bottom: 40px;\n  }\n\n  \/* \u2500\u2500 PHOTO STRIP \u2500\u2500 *\/\n  .photo-strip {\n    background: #FCF8F5;\n    padding: 48px 20px 0;\n  }\n\n  .photo-strip-inner {\n    max-width: 1060px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n  }\n\n  .photo-card {\n    border-radius: 22px;\n    overflow: hidden;\n    box-shadow: 0 6px 28px rgba(0,0,0,0.10);\n    background: #fff;\n    line-height: 0;\n  }\n\n  .photo-card img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 22px;\n    transform: none !important;\n    transition: none !important;\n  }\n\n  \/* \u2500\u2500 FEATURES \u2500\u2500 *\/\n  .features {\n    background: #FCF8F5;\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n    margin-top: 50px;\n  }\n\n  .feature-card {\n    background: var(--dj-card);\n    border: 1.5px solid var(--dj-border);\n    border-radius: 22px;\n    padding: 24px 20px;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .feature-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 36px rgba(183,89,43,0.1);\n  }\n\n  .feature-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 13px;\n    background: var(--dj-primary-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n  }\n\n  .feature-icon svg {\n    width: 22px;\n    height: 22px;\n    stroke: var(--dj-primary);\n    fill: none;\n    stroke-width: 1.75;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .feature-card h3 {\n    font-size: 0.98rem;\n    margin-bottom: 8px;\n    color: var(--dj-text);\n  }\n\n  .feature-card p {\n    font-size: 13.5px;\n  }\n\n  \/* \u2500\u2500 PAYMENT BAND \u2500\u2500 *\/\n  .payment-band {\n    background: #b7592b;\n    color: #fff;\n    padding: 70px 20px;\n  }\n\n  .payment-band .container {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n  }\n\n  .payment-band h2 {\n    color: #fff;\n    font-size: clamp(1.6rem, 4vw, 2.4rem);\n    margin-bottom: 18px;\n  }\n\n  .payment-band p {\n    color: rgba(255,255,255,0.88);\n    font-size: 15.5px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n  .payment-note {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: 10px;\n    background: rgba(0,0,0,0.15);\n    border: 1px solid rgba(255,255,255,0.25);\n    border-radius: 12px;\n    padding: 14px 18px;\n    margin-top: 22px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 13.5px;\n    color: rgba(255,255,255,0.82);\n  }\n\n  .payment-visual {\n    background: rgba(0,0,0,0.15);\n    border: 1px solid rgba(255,255,255,0.25);\n    border-radius: 22px;\n    padding: 30px;\n  }\n\n  .payment-visual .pv-title {\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.6);\n    margin-bottom: 20px;\n  }\n\n  .termini-bar {\n    margin-bottom: 12px;\n  }\n\n  .termini-label {\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 13px;\n    color: rgba(255,255,255,0.78);\n    margin-bottom: 6px;\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .termini-track {\n    background: rgba(255,255,255,0.2);\n    border-radius: 6px;\n    height: 10px;\n    overflow: hidden;\n  }\n\n  .termini-fill {\n    height: 100%;\n    border-radius: 6px;\n    background: rgba(255,255,255,0.9);\n  }\n\n  \/* \u2500\u2500 IMATGES ENTRE PAGAMENT I PASSOS \u2500\u2500 *\/\n  .mid-photos {\n    background: var(--dj-warm);\n    padding: 24px 20px 0;\n  }\n\n  .mid-photos-grid {\n    max-width: 1060px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n    align-items: stretch;\n  }\n\n  .mid-photo-card {\n    height: 260px;\n    border-radius: 22px;\n    overflow: hidden;\n    box-shadow: 0 8px 28px rgba(0,0,0,0.12);\n    background: #FCF8F5;\n  }\n\n  .mid-photo-card img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center center;\n  }\n\n  \/* \u2500\u2500 STEPS \u2500\u2500 *\/\n  .steps {\n    background: var(--dj-warm);\n  }\n\n  .steps-intro {\n    max-width: 560px;\n    margin-bottom: 32px;\n  }\n\n  .steps-pdf-row {\n    margin-bottom: 44px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n  }\n\n  .steps-pdf-row p {\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 14.5px;\n    color: var(--dj-muted);\n    margin: 0;\n  }\n\n  .steps-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 22px;\n  }\n\n  .step-card {\n    background: var(--dj-card);\n    border: 1.5px solid var(--dj-border);\n    border-radius: 20px;\n    padding: 28px 26px;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .step-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 10px 30px rgba(183,89,43,0.08);\n  }\n\n  .step-num {\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    color: var(--dj-primary);\n    background: var(--dj-primary-light);\n    border-radius: 8px;\n    padding: 4px 10px;\n    display: inline-block;\n    margin-bottom: 14px;\n  }\n\n  .step-card h3 {\n    font-size: 1rem;\n    margin-bottom: 8px;\n  }\n\n  .step-card p {\n    font-size: 14px;\n  }\n\n  .step-note {\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 13px;\n    color: var(--dj-primary);\n    background: var(--dj-primary-light);\n    border-radius: 10px;\n    padding: 10px 14px;\n    margin-top: 12px;\n    border-left: 3px solid var(--dj-primary);\n  }\n\n  \/* \u2500\u2500 DONATE \u2500\u2500 *\/\n  .donate {\n    position: relative;\n    text-align: center;\n    background-image:\n      linear-gradient(rgba(252,248,245,0.68), rgba(252,248,245,0.76)),\n      url(\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/BA_19_07-57-scaled.jpg\");\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n  }\n\n  .donate-inner {\n    position: relative;\n    z-index: 1;\n    max-width: 640px;\n    margin: 0 auto;\n  }\n\n  .donate h2 {\n    margin-bottom: 18px;\n  }\n\n  .donate p {\n    margin-bottom: 36px;\n    font-size: 16px;\n  }\n\n  .donate .btn-group {\n    justify-content: center;\n  }\n\n  \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n  .cta-final {\n    background: #FCF8F5;\n    padding: 90px 20px;\n    text-align: center;\n    border-top: 1.5px solid var(--dj-border);\n  }\n\n  .cta-final h2 {\n    color: var(--dj-text);\n    margin-bottom: 18px;\n  }\n\n  .cta-final p {\n    color: var(--dj-muted);\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 15.5px;\n    max-width: 520px;\n    margin: 0 auto 36px;\n  }\n\n  .cta-final .btn-group {\n    justify-content: center;\n  }\n\n  \/* \u2500\u2500 FAQ \u2500\u2500 *\/\n  .faq {\n    background: var(--dj-warm);\n  }\n\n  .faq-intro {\n    max-width: 520px;\n    margin-bottom: 48px;\n  }\n\n  .faq-list {\n    max-width: 720px;\n  }\n\n  .faq-item {\n    border: 1.5px solid var(--dj-border);\n    border-radius: 16px;\n    background: var(--dj-card);\n    margin-bottom: 12px;\n    overflow: hidden;\n    transition: box-shadow 0.2s ease;\n  }\n\n  .faq-question {\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 15.5px;\n    font-weight: 600;\n    color: var(--dj-text);\n    padding: 20px 24px;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 16px;\n    user-select: none;\n    transition: background 0.15s;\n  }\n\n  .faq-question:hover {\n    background: var(--dj-warm);\n  }\n\n  .faq-question .faq-arrow {\n    flex-shrink: 0;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: var(--dj-primary-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--dj-primary);\n    font-size: 16px;\n    transition: transform 0.25s ease;\n  }\n\n  .faq-item.open .faq-arrow {\n    transform: rotate(45deg);\n  }\n\n  .faq-answer {\n    display: none;\n    padding: 16px 24px 20px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    font-size: 15px;\n    color: var(--dj-muted);\n    line-height: 1.7;\n    border-top: 1px solid var(--dj-border);\n  }\n\n  .faq-item.open .faq-answer {\n    display: block;\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    .features-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 720px) {\n    .section {\n      padding: 60px 16px;\n    }\n\n    .top-banner {\n      aspect-ratio: 16 \/ 6;\n      max-height: 160px;\n      min-height: 110px;\n    }\n\n    .top-banner img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center center;\n    }\n\n    .hero {\n      padding: 56px 16px 64px;\n    }\n\n    .hero h1,\n    .hero .subtitle,\n    .hero .body-text {\n      max-width: 100%;\n      width: 100%;\n    }\n\n    .photo-strip {\n      padding: 32px 16px 0;\n    }\n\n    .photo-strip-inner {\n      grid-template-columns: 1fr;\n      gap: 16px;\n    }\n\n    .payment-band .container {\n      grid-template-columns: 1fr;\n      gap: 36px;\n    }\n\n    .payment-visual {\n      display: none;\n    }\n\n    .mid-photos {\n      padding: 20px 16px 0;\n    }\n\n    .mid-photos-grid {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n\n    .mid-photo-card {\n      height: 220px;\n    }\n\n    .btn {\n      padding: 16px 24px;\n      font-size: 15px;\n      width: 100%;\n      justify-content: center;\n    }\n\n    .btn-group {\n      flex-direction: column;\n      align-items: stretch;\n    }\n\n    .features-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .steps-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .steps-pdf-row {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    .steps-pdf-row .btn {\n      width: auto;\n    }\n\n    .cta-final .btn-group {\n      align-items: stretch;\n    }\n  }\n\n  @media (max-width: 500px) {\n    h1 {\n      font-size: 1.9rem;\n    }\n\n    h2 {\n      font-size: 1.5rem;\n    }\n  }\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"top-banner\">\n  <img decoding=\"async\" \n    src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/Pro-Juventutem-1-1.png\"\n    alt=\"DeleJove Terrassa \u2014 Banner\"\n  >\n<\/div>\n\n<section class=\"hero\">\n  <div class=\"container\">\n    <h1>\n      Inscriu-te als esdeveniments<br>\n      <span>amb l'app \u00c0gape<\/span>\n    <\/h1>\n\n    <p class=\"subtitle\">\n      Una manera m\u00e9s senzilla, flexible i segura d'apuntar-te a les activitats de la DeleJove.\n    <\/p>\n\n    <p class=\"body-text\">\n      Descarrega't l'app, crea el teu compte i inscriu-te als esdeveniments de la DeleJove en pocs passos.\n    <\/p>\n\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-primary\">\n        Descarrega per iPhone\n      <\/a>\n\n      <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.oriolfarras.Agape\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\n        Descarrega per Android\n      <\/a>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"photo-strip\">\n  <div class=\"photo-strip-inner\">\n    <div class=\"photo-card\">\n      <img decoding=\"async\" src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/oropa_30juliol-3-175.jpg\" alt=\"Joves de la DeleJove a Oropa\">\n    <\/div>\n\n    <div class=\"photo-card\">\n      <img decoding=\"async\" src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/30.SESSIO.PERDO_.PR-14.jpg\" alt=\"Joves de la DeleJove a Roma\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<section class=\"section features\">\n  <div class=\"container\">\n    <p class=\"section-eyebrow\">Per qu\u00e8 l'app?<\/p>\n    <h2>Tot el que necessites, al teu m\u00f2bil<\/h2>\n\n    <div class=\"features-grid\">\n      <div class=\"feature-card\">\n        <div class=\"feature-icon\">\n          <!-- Smartphone \/ mobile icon -->\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/>\n            <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Inscripci\u00f3 m\u00e9s f\u00e0cil<\/h3>\n        <p>Consulta tots els esdeveniments de la DeleJove i inscriu-t'hi directament des del m\u00f2bil, en qualsevol moment i lloc.<\/p>\n      <\/div>\n\n      <div class=\"feature-card\">\n        <div class=\"feature-icon\">\n          <!-- Credit card icon -->\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/>\n            <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Pagament a terminis<\/h3>\n        <p>L'app permet pagar en diversos terminis quan l'esdeveniment ho permet. Reparteix el cost de manera c\u00f2moda i sense complicacions.<\/p>\n      <\/div>\n\n      <div class=\"feature-card\">\n        <div class=\"feature-icon\">\n          <!-- Clock \/ time icon -->\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <polyline points=\"12 6 12 12 16 14\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Com abans t'hi apuntis, millor<\/h3>\n        <p>Quant m\u00e9s aviat facis la inscripci\u00f3, m\u00e9s opcions de fraccionament podr\u00e0s tenir disponibles per repartir el pagament al teu ritme.<\/p>\n      <\/div>\n\n      <div class=\"feature-card\">\n        <div class=\"feature-icon\">\n          <!-- Heart \/ helping hands icon -->\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Ajuda altres joves<\/h3>\n        <p>A trav\u00e9s de l'app, tamb\u00e9 pots fer donatius per ajudar altres persones a participar en les activitats de la DeleJove.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"payment-band\">\n  <div class=\"container\">\n    <div>\n      <p style=\"font-family:'Helvetica Neue',Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:14px;\">\n        Pagament flexible\n      <\/p>\n\n      <h2>Paga al teu ritme<\/h2>\n\n      <p>\n        L'app est\u00e0 pensada per facilitar el pagament dels esdeveniments a terminis. Com m\u00e9s aviat facis la inscripci\u00f3, m\u00e9s terminis podr\u00e0s tenir disponibles per repartir el pagament. Es carrega el pagament 1 cop al mes, com si fos una suscripci\u00f3.\n      <\/p>\n\n      <div class=\"payment-note\">\n        <span>\u2139\ufe0f<\/span>\n        <span>Les opcions de pagament poden variar segons l'esdeveniment i la data d'inscripci\u00f3.<\/span>\n      <\/div>\n\n      <div style=\"margin-top:32px;\">\n        <a href=\"https:\/\/apps.apple.com\/es\/app\/agap%C4%93\/id6756997687\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-ghost\" style=\"margin-right:12px;margin-bottom:10px;\">\n          iPhone\n        <\/a>\n\n        <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.oriolfarras.Agape\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-ghost\" style=\"margin-bottom:10px;\">\n          Android\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"payment-visual\">\n      <p class=\"pv-title\">Exemple real \u00b7 Be Apostle<\/p>\n\n      <div class=\"termini-bar\">\n        <div class=\"termini-label\">\n          <span>Inscripci\u00f3 al gener \u2192 6 terminis mensuals<\/span>\n          <span style=\"color:#fff;font-weight:600;\">53,33 \u20ac\/mes<\/span>\n        <\/div>\n        <div class=\"termini-track\"><div class=\"termini-fill\" style=\"width:100%;\"><\/div><\/div>\n      <\/div>\n\n      <div class=\"termini-bar\">\n        <div class=\"termini-label\">\n          <span>Inscripci\u00f3 al febrer \u2192 5 terminis mensuals<\/span>\n          <span style=\"color:#fff;font-weight:600;\">64,00 \u20ac\/mes<\/span>\n        <\/div>\n        <div class=\"termini-track\"><div class=\"termini-fill\" style=\"width:83%;\"><\/div><\/div>\n      <\/div>\n\n      <div class=\"termini-bar\">\n        <div class=\"termini-label\">\n          <span>Inscripci\u00f3 al mar\u00e7 \u2192 4 terminis mensuals<\/span>\n          <span style=\"color:#fff;font-weight:600;\">80,00 \u20ac\/mes<\/span>\n        <\/div>\n        <div class=\"termini-track\"><div class=\"termini-fill\" style=\"width:66%;\"><\/div><\/div>\n      <\/div>\n\n      <div class=\"termini-bar\">\n        <div class=\"termini-label\">\n          <span>Inscripci\u00f3 a l'abril \u2192 3 terminis mensuals<\/span>\n          <span style=\"color:#fff;font-weight:600;\">106,67 \u20ac\/mes<\/span>\n        <\/div>\n        <div class=\"termini-track\"><div class=\"termini-fill\" style=\"width:50%;\"><\/div><\/div>\n      <\/div>\n\n      <div class=\"termini-bar\">\n        <div class=\"termini-label\">\n          <span>Inscripci\u00f3 al maig \u2192 2 terminis mensuals<\/span>\n          <span style=\"color:#fff;font-weight:600;\">160,00 \u20ac\/mes<\/span>\n        <\/div>\n        <div class=\"termini-track\"><div class=\"termini-fill\" style=\"width:33%;\"><\/div><\/div>\n      <\/div>\n\n      <div class=\"termini-bar\" style=\"margin-bottom:0;\">\n        <div class=\"termini-label\">\n          <span>Inscripci\u00f3 al juny o juliol \u2192 pagament \u00fanic<\/span>\n          <span style=\"color:#fff;font-weight:600;\">320,00 \u20ac<\/span>\n        <\/div>\n        <div class=\"termini-track\"><div class=\"termini-fill\" style=\"width:18%;\"><\/div><\/div>\n      <\/div>\n\n      <p style=\"font-size:12px;color:rgba(255,255,255,.65);margin-top:18px;font-family:'Helvetica Neue',Arial,sans-serif;\">\n        * Exemple orientatiu sobre un preu total de 320 \u20ac per a Be Apostle, que se celebra al juliol.\n        Com m\u00e9s aviat es fa la inscripci\u00f3, m\u00e9s terminis mensuals pot oferir l'app.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/section>\n <\/div>\n\n\n\n<section class=\"mid-photos\" style=\"background: var(--dj-warm); padding: 34px 20px 0;\">\n  <div class=\"mid-photos-grid\">\n    <div class=\"mid-photo-card\">\n      <img decoding=\"async\" \n        src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/05\/oropa_31jul-64.jpg\" \n        alt=\"Joves de la DeleJove a Oropa\"\n      >\n    <\/div>\n\n    <div class=\"mid-photo-card\">\n      <img decoding=\"async\" \n        src=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2023\/10\/beapostle_26agost_2023-22-scaled.jpg\" \n        alt=\"Be Apostle DeleJove\"\n      >\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"steps\" id=\"passos\" style=\"background: var(--dj-warm); padding: 42px 20px 80px;\">\n  <div class=\"container\">\n    <div class=\"steps-intro\" style=\"max-width: 100%; width: 100%;\">\n      <p class=\"section-eyebrow\">Guia pas a pas<\/p>\n      <h2 style=\"white-space: nowrap;\">Com inscriure't per primera vegada<\/h2>\n      <p>Segueix aquests passos i estar\u00e0s inscrit en menys de cinc minuts.<\/p>\n\n      <a \n        href=\"https:\/\/delejoveterrassa.com\/wp-content\/uploads\/2026\/07\/Guia-pas-a-pas.-App-Agape_compressed.pdf\" \n        target=\"_blank\" \n        rel=\"noopener\" \n        class=\"btn btn-pdf\"\n      >\n        Descarrega la guia en PDF\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<\/section>\n<section class=\"section donate\">\n  <div class=\"container\">\n    <div class=\"donate-inner\">\n      <p class=\"section-eyebrow\">Vols col\u00b7laborar?<\/p>\n      <h2>Ajuda perqu\u00e8 ning\u00fa es quedi fora<\/h2>\n      <p>Amb l'app tamb\u00e9 pots col\u00b7laborar fent donatius. La teva ajuda pot facilitar que altres joves puguin participar en les activitats de la DeleJove i viure experi\u00e8ncies que els transformin.<\/p>\n\n      <div class=\"btn-group\" style=\"justify-content:center;\">\n        <a href=\"https:\/\/delejoveterrassa.com\/es\/acces-app\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\n          Vull ajudar\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"cta-final\">\n  <div class=\"container\">\n    <h2>Descarrega't l'app i inscriu-te avui<\/h2>\n    <p>Tot el que necessites per apuntar-te als esdeveniments de la DeleJove, gestionar el pagament i seguir les activitats, en una sola app.<\/p>\n\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-primary\">\n        iPhone \u2014 App Store\n      <\/a>\n\n      <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.oriolfarras.Agape\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">\n        Android \u2014 Google Play\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section faq\">\n  <div class=\"container\">\n    <div class=\"faq-intro\">\n      <p class=\"section-eyebrow\">Preguntes freq\u00fcents<\/p>\n      <h2>Tens dubtes?<\/h2>\n    <\/div>\n\n    <div class=\"faq-list\">\n      <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Necessito crear un compte?<span class=\"faq-arrow\">+<\/span><\/div><div class=\"faq-answer\">S\u00ed. Has de crear un compte i verificar el teu correu electr\u00f2nic amb el codi que rebr\u00e0s.<\/div><\/div>\n      <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Puc inscriure m\u00e9s d'un fill o participant?<span class=\"faq-arrow\">+<\/span><\/div><div class=\"faq-answer\">S\u00ed. L'app permet afegir m\u00e9s d'una persona en una sola comanda.<\/div><\/div>\n      <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Sempre hi ha pagament a terminis?<span class=\"faq-arrow\">+<\/span><\/div><div class=\"faq-answer\">Dep\u00e8n de cada esdeveniment i del moment en qu\u00e8 facis la inscripci\u00f3. Recorda que quant abans facis la inscripci\u00f3 m\u00e9s possibilitats de fraccionament de pagament tindr\u00e0s.<\/div><\/div>\n      <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Puc pagar tot de cop?<span class=\"faq-arrow\">+<\/span><\/div><div class=\"faq-answer\">S\u00ed, si l'esdeveniment ho permet.<\/div><\/div>\n      <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleFaq(this)\">Puc ajudar altres persones?<span class=\"faq-arrow\">+<\/span><\/div><div class=\"faq-answer\">S\u00ed. L'app tamb\u00e9 permet fer donatius per ajudar altres joves.<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nfunction toggleFaq(el) {\n  var item = el.parentElement;\n  var isOpen = item.classList.contains('open');\n\n  document.querySelectorAll('.faq-item.open').forEach(function(i) {\n    i.classList.remove('open');\n  });\n\n  if (!isOpen) item.classList.add('open');\n}\n<\/script>\n\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>Inscriu-te amb l&#8217;app \u00c0gape \u2014 DeleJove Terrassa Inscriu-te als esdeveniments amb l&#8217;app \u00c0gape Una manera m\u00e9s senzilla, flexible i segura d&#8217;apuntar-te a les activitats de la DeleJove. Descarrega&#8217;t l&#8217;app, crea el teu compte i inscriu-te als esdeveniments de la DeleJove en pocs passos. Descarrega per iPhone Descarrega per Android Per qu\u00e8 l&#8217;app? Tot el que [&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-35510","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/pages\/35510","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=35510"}],"version-history":[{"count":64,"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/pages\/35510\/revisions"}],"predecessor-version":[{"id":35901,"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/pages\/35510\/revisions\/35901"}],"wp:attachment":[{"href":"https:\/\/delejoveterrassa.com\/es\/wp-json\/wp\/v2\/media?parent=35510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}