{"id":10252,"date":"2026-07-14T18:40:07","date_gmt":"2026-07-14T17:40:07","guid":{"rendered":"https:\/\/www.clubcash.io\/?page_id=10252"},"modified":"2026-10-02T16:10:13","modified_gmt":"2026-10-02T15:10:13","slug":"per-als-membres-mes-grans","status":"publish","type":"page","link":"https:\/\/clubcash.io\/ca\/for-members-old\/","title":{"rendered":"Per als membres vells"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" data-vc-kd-parallax=\"1.5\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1785687431405 vc_row-has-fill vc_row-has-padding-top vc_row-has-padding-bottom vc_row-has-padding-left vc_row-has-padding-right vc_row-bg-position-top vc_general kd_vc_parallax kd_vc_parallax-content-moving\"><div class=\"parallax-overlay\" data-vc-kd-parallax=\"1.5\"><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner  vc_custom_1785687302803 vc_custom_1785687302803\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1785687110730\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Document<\/title>\r\n<\/head>\r\n<body>\r\n    <style>\r\n.member-exp{\r\n    padding:100px 0;\r\n    padding-top: 0px;\r\n}\r\n\r\n\r\n.member-grid{\r\n    display:grid;\r\n    grid-template-columns:1.1fr 1fr;\r\n    gap:70px;\r\n    align-items:center;\r\n}\r\n\r\n.sub-title{\r\n\r\n    background:#0855fe15;\r\n    color:#0855fe;\r\n    padding: 18px 95px;\r\n    border-radius:30px;\r\n    display:inline-block;\r\n    font-weight:600;\r\n}\r\n.sub-title h2{\r\n font-size: 52px;\r\n   }\r\n\r\nh2{\r\n    color:#1e266d;\r\n    font-size:48px;\r\n    margin:20px 0;\r\n}\r\n\r\n.left-content p{\r\n\r\n    color:#555;\r\n    line-height:1.9;\r\n    font-size:18px;\r\n}\r\n\r\n.quote-box{\r\n\r\n    margin:35px 0;\r\n    background:#1e266d;\r\n    color:#fff;\r\n    padding:35px;\r\n    border-left:8px solid #0855fe;\r\n    border-radius:18px;\r\n    font-size:24px;\r\n    line-height:1.7;\r\n    font-weight:600;\r\n}\r\n\r\n.right-content{\r\n\r\n    display:flex;\r\n    justify-content:center;\r\n}\r\n\r\n.circle{\r\n\r\n    width:520px;\r\n    height:520px;\r\n    border:3px dashed #0855fe55;\r\n    border-radius:50%;\r\n    position:relative;\r\n}\r\n\r\n.center-logo{\r\n\r\n    position:absolute;\r\n    left:50%;\r\n    top:50%;\r\n    transform:translate(-50%,-50%);\r\n    width:180px;\r\n    height:180px;\r\n    border-radius:50%;\r\n    background:linear-gradient(135deg,#1e266d,#0855fe);\r\n    color:#fff;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:32px;\r\n    font-weight:700;\r\n    box-shadow:0 25px 60px rgba(8,85,254,.3);\r\n}\r\n\r\n.item{\r\n\r\n    width:150px;\r\n    height:150px;\r\n    border-radius:50%;\r\n    background:#fff;\r\n    position:absolute;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    text-align:center;\r\n    padding:15px;\r\n    color:#1e266d;\r\n    font-weight:700;\r\n    box-shadow:0 15px 35px rgba(0,0,0,.08);\r\n    transition:.4s;\r\n}\r\n\r\n.item:hover{\r\n\r\n    background:#0855fe;\r\n    color:#fff;\r\n    transform:scale(1.08);\r\n}\r\n\r\n.top{\r\n    top:-25px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n}\r\n\r\n.right-top{\r\n    top:80px;\r\n    right:-20px;\r\n}\r\n\r\n.right-bottom{\r\n    bottom:80px;\r\n    right:-20px;\r\n}\r\n\r\n.bottom{\r\n    bottom:-25px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n}\r\n\r\n.left-bottom{\r\n    bottom:80px;\r\n    left:-20px;\r\n}\r\n\r\n.left-top{\r\n    top:80px;\r\n    left:-20px;\r\n}\r\n\r\n@media(max-width:991px){\r\n.top {\r\n    top: -50px;\r\n   }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    .left-top {\r\n       left: 0px;\r\n       top: 0px;\r\n}\r\n.right-top {\r\n    right: 0px;\r\n    top: 0;\r\n}\r\n.left-bottom {\r\n       left: -25px;\r\n}\r\n.right-bottom {\r\n       right: -25px;\r\n}\r\n\r\n.member-grid{\r\ngrid-template-columns:1fr;\r\n}\r\n\r\n.circle {\r\n    width: 300px !important;\r\n    height: 300px !important;\r\n}\r\n.wpb-content-wrapper .container .vc_row-has-padding-right {\r\n    padding-right: 0 !important;\r\n}\r\n.wpb-content-wrapper .container .vc_row-has-padding-left {\r\n    padding-left: 0!important;\r\n}\r\n.item{\r\nwidth: 85px;\r\nheight: 85px;\r\nfont-size:14px;\r\n}\r\n.center-logo {\r\n    width: 100px;\r\n    height: 100px;\r\n    font-size: 16px;\r\n}\r\n}\r\n\r\n.member-journey{\r\n\r\n    padding:100px 0;\r\n    background:#f7f9ff;\r\n}\r\n\r\n.container{\r\n\r\n    width:90%;\r\n    max-width:1250px;\r\n    margin:auto;\r\n}\r\n\r\n.section-title{\r\n\r\n    text-align:center;\r\n    margin-bottom:70px;\r\n}\r\n\r\n.section-title span{\r\n\r\n    display:inline-block;\r\n    padding:8px 18px;\r\n    border-radius:30px;\r\n    background:#0855fe15;\r\n    color:#0855fe;\r\n    font-weight:600;\r\n}\r\n\r\n.section-title h2{\r\n\r\n    margin-top:20px;\r\n    color:#1e266d;\r\n    font-size:46px;\r\n}\r\n\r\n.journey{\r\n\r\n    position:relative;\r\n}\r\n\r\n.journey:before{\r\n\r\n    content:\"\";\r\n    position:absolute;\r\n    left:50%;\r\n    top:0;\r\n    width:4px;\r\n    height:100%;\r\n    background:linear-gradient(#1e266d,#0855fe);\r\n    transform:translateX(-50%);\r\n}\r\n\r\n.step{\r\n\r\n    display:flex;\r\n    justify-content:flex-start;\r\n    align-items:center;\r\n    margin-bottom:80px;\r\n    position:relative;\r\n}\r\n\r\n.step.reverse{\r\n\r\n    justify-content:flex-end;\r\n}\r\n\r\n.step-card{\r\n\r\n    width:46%;\r\n    background:#fff;\r\n    padding:35px;\r\n    border-radius:24px;\r\n    box-shadow:0 20px 50px rgba(0,0,0,.08);\r\n    border-top:6px solid #0855fe;\r\n    transition:.4s;\r\n}\r\n\r\n.step-card:hover{\r\n\r\n    transform:translateY(-8px);\r\n    box-shadow:0 25px 60px rgba(8,85,254,.18);\r\n}\r\n\r\n.step-number{\r\n\r\n    width:90px;\r\n    height:90px;\r\n    border-radius:50%;\r\n    background:linear-gradient(135deg,#1e266d,#0855fe);\r\n    color:#fff;\r\n    font-size:32px;\r\n    font-weight:700;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n\r\n    position:absolute;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    box-shadow:0 15px 40px rgba(8,85,254,.3);\r\n}\r\n\r\n.step-card h3{\r\n\r\n    color:#1e266d;\r\n    margin-bottom:18px;\r\n    font-size:28px;\r\n}\r\n\r\n.step-card p{\r\n\r\n    color:#555;\r\n    line-height:1.8;\r\n    margin:15px 0;\r\n}\r\n\r\n.step-card h5{\r\n\r\n    color:#0855fe;\r\n    margin-top:25px;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.step-card ul{\r\n\r\n    margin:0;\r\n    padding-left:20px;\r\n}\r\n\r\n.step-card li{\r\n\r\n    margin:10px 0;\r\n    color:#555;\r\n}\r\n\r\n.note{\r\n\r\n    margin-top:25px;\r\n    padding:18px 22px;\r\n    border-radius:14px;\r\n    background:linear-gradient(90deg,#1e266d,#0855fe);\r\n    color:#fff;\r\n    font-weight:600;\r\n}\r\n\r\n@media(max-width:991px){\r\n\r\n.journey:before{\r\n\r\ndisplay:none;\r\n}\r\n\r\n.step,\r\n.step.reverse{\r\n\r\njustify-content:center;\r\n}\r\n\r\n.step-card{\r\n\r\nwidth:100%;\r\n}\r\n\r\n.step-number{\r\n\r\nposition:relative;\r\nleft:auto;\r\ntransform:none;\r\nmargin-bottom:25px;\r\n}\r\n\r\n.step{\r\n\r\ndisplay:block;\r\ntext-align:center;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"member-exp\">\r\n    <div class=\"container\">\r\n\r\n        <div class=\"member-grid\">\r\n\r\n            <div class=\"left-content\">\r\n\r\n                               <h2 class=\"sub-title\">Per a membres<\/h2>\r\n\r\n                <p>ClubCash s'ha dissenyat al voltant d'un principi simple:<\/p>\r\n\r\n                <div class=\"quote-box\">\r\n                    Els membres haurien de dedicar temps a gaudir del seu club, en lloc d\u2019esperar en cues,\r\n                    portar diners en efectiu o gestionar diverses targetes d\u2019afiliaci\u00f3.\r\n                <\/div>\r\n\r\n                <p>\r\n                    Tota la interacci\u00f3 ha estat redissenyada per eliminar les dificultats.\r\n                    La membres\u00eda, la identitat, els pagaments, les recompenses, les\r\n                    reserves i les comunicacions s'agrupen en una \u00fanica experi\u00e8ncia digital segura.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Independentment de si un membre pertany a un club de golf, un club n\u00e0utic,\r\n                    un gimn\u00e0s, una associaci\u00f3 esportiva, un club social, una xarxa empresarial o un\r\n                    festival, l'experi\u00e8ncia segueix sent familiar, r\u00e0pida i segura.\r\n                <\/p>\r\n\r\n                <p>\r\n                    La plataforma ClubCash transforma cada interacci\u00f3 amb els membres en alguna cosa que \u00e9s:\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"right-content\">\r\n\r\n                <div class=\"circle\">\r\n\r\n                    <div class=\"center-logo\">\r\n                        ClubCash\r\n                    <\/div>\r\n\r\n                    <div class=\"item top\">\r\n                        Instant\r\n                    <\/div>\r\n\r\n                    <div class=\"item right-top\">\r\n                        Segur\r\n                    <\/div>\r\n\r\n                    <div class=\"item right-bottom\">\r\n                        Mobile-first\r\n                    <\/div>\r\n\r\n                    <div class=\"item bottom\">\r\n                        Sense efectiu\r\n                    <\/div>\r\n\r\n                    <div class=\"item left-bottom\">\r\n                        Connectat\r\n                    <\/div>\r\n\r\n                    <div class=\"item left-top\">\r\n                        Recompensaci\u00f3\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"member-journey\">\r\n    <div class=\"container\">\r\n\r\n        <div class=\"section-title\">\r\n            <span>Experi\u00e8ncia dels membres<\/span>\r\n            <h2>El viatge del membre<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"journey\">\r\n\r\n            <!-- Step 1 -->\r\n            <div class=\"step\">\r\n                <div class=\"step-number\">01<\/div>\r\n\r\n                <div class=\"step-card\">\r\n\r\n                    <h3>Pas 1 \u2013 Invitaci\u00f3<\/h3>\r\n\r\n                    <p>Un membre rep una invitaci\u00f3 del seu club.<\/p>\r\n\r\n                    <h5>Aix\u00f2 pot arribar a trav\u00e9s de:<\/h5>\r\n\r\n                    <ul>\r\n                        <li>Correu electr\u00f2nic<\/li>\r\n                        <li>SMS<\/li>\r\n                        <li>Codi QR<\/li>\r\n                        <li>Lloc web<\/li>\r\n                        <li>Renovaci\u00f3 de la quota de soci vigent<\/li>\r\n                        <li>Invitaci\u00f3 a l'administrador<\/li>\r\n                    <\/ul>\r\n\r\n                    <div class=\"note\">\r\n                        La inscripci\u00f3 normalment triga menys de dos minuts.\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- Step 2 -->\r\n\r\n            <div class=\"step reverse\">\r\n\r\n                <div class=\"step-number\">02<\/div>\r\n\r\n                <div class=\"step-card\">\r\n\r\n                    <h3>Pas 2 \u2013 Verificaci\u00f3 de la identitat<\/h3>\r\n\r\n                    <p>El membre verifica la propietat utilitzant:<\/p>\r\n\r\n                    <ul>\r\n                        <li>Contrasenya \u00fanica per correu electr\u00f2nic (OTP)<\/li>\r\n                        <li>SMS OTP<\/li>\r\n                        <li>Autenticaci\u00f3 biom\u00e8trica del futur<\/li>\r\n                        <li>Autenticaci\u00f3 del dispositiu<\/li>\r\n                    <\/ul>\r\n\r\n                    <div class=\"note\">\r\n                        No cal recordar cap contrasenya.\r\n                    <\/div>\r\n\r\n                    <p>Aix\u00f2 redueix dr\u00e0sticament:<\/p>\r\n\r\n                    <ul>\r\n                        <li>Contrasenya oblidades<\/li>\r\n                        <li>Atenci\u00f3 telef\u00f2nica<\/li>\r\n                        <li>Bloqueig de comptes<\/li>\r\n                        <li>Riscos de seguretat<\/li>\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- Step 3 -->\r\n\r\n            <div class=\"step\">\r\n\r\n                <div class=\"step-number\">03<\/div>\r\n\r\n                <div class=\"step-card\">\r\n\r\n                    <h3>Pas 3 \u2013 Membre digital<\/h3>\r\n\r\n                    <p>\r\n                        Un cop verificat, ClubCash crea immediatament la identitat digital del membre.\r\n                    <\/p>\r\n\r\n                    <p>El membre rep:<\/p>\r\n\r\n                    <ul>\r\n                        <li>Targeta d'afiliaci\u00f3 digital<\/li>\r\n                        <li>N\u00famero de la societat<\/li>\r\n                        <li>Codi QR<\/li>\r\n                        <li>Bossa<\/li>\r\n                        <li>Conta de recompenses<\/li>\r\n                        <li>Perfil personal<\/li>\r\n                    <\/ul>\r\n\r\n                    <p>La pertinen\u00e7a tamb\u00e9 es pot afegir a:<\/p>\r\n\r\n                    <ul>\r\n                        <li>Apple Wallet<\/li>\r\n                        <li>Google Wallet<\/li>\r\n                    <\/ul>\r\n\r\n                    <div class=\"note\">\r\n                        La targeta f\u00edsica de pl\u00e0stic ja no \u00e9s necess\u00e0ria.\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" data-vc-kd-parallax=\"1.5\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1784059224469 vc_row-has-fill vc_row-has-padding-top vc_row-has-padding-bottom vc_row-has-padding-left vc_row-has-padding-right vc_row-bg-position-top vc_general kd_vc_parallax kd_vc_parallax-content-moving\"><div class=\"parallax-overlay\" data-vc-kd-parallax=\"1.5\"><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\r\n\t\t\t\r\n<style>\r\n  :root{\r\n    --navy:#071B33;\r\n    --blue:#176BFF;\r\n    --aqua:#20D5C2;\r\n    --text:#122033;\r\n    --slate:#66758A;\r\n    --white:#FFFFFF;\r\n    --cloud:#F7F9FC;\r\n    --border:#E7ECF2;\r\n  }\r\n\r\n  *{box-sizing:border-box; margin:0; padding:0;}\r\n  html{scroll-behavior:smooth;}\r\n\r\n  body{\r\n    font-family:'Inter', sans-serif;\r\n    color:var(--text);\r\n    background:var(--white);\r\n    line-height:1.65;\r\n    -webkit-font-smoothing:antialiased;\r\n    width:100%;\r\n    overflow-x:hidden;\r\n  }\r\n\r\n  h1,h2,h3,h4{\r\n    font-family:'Sora', sans-serif;\r\n    color:var(--navy);\r\n    letter-spacing:-0.01em;\r\n  }\r\n\r\n  \/* ---------- scroll reveal ---------- *\/\r\n  .reveal{\r\n    opacity:0;\r\n    transform:translateY(28px);\r\n    transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .reveal.in{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n  .stagger > *{\r\n    opacity:0;\r\n    transform:translateY(16px);\r\n    transition:opacity .5s ease, transform .5s ease;\r\n  }\r\n  .stagger.in > *{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n  .stagger.in > *:nth-child(1){transition-delay:.02s;}\r\n  .stagger.in > *:nth-child(2){transition-delay:.06s;}\r\n  .stagger.in > *:nth-child(3){transition-delay:.10s;}\r\n  .stagger.in > *:nth-child(4){transition-delay:.14s;}\r\n  .stagger.in > *:nth-child(5){transition-delay:.18s;}\r\n  .stagger.in > *:nth-child(6){transition-delay:.22s;}\r\n  .stagger.in > *:nth-child(7){transition-delay:.26s;}\r\n  .stagger.in > *:nth-child(8){transition-delay:.30s;}\r\n  .stagger.in > *:nth-child(9){transition-delay:.34s;}\r\n  .stagger.in > *:nth-child(10){transition-delay:.38s;}\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .reveal, .stagger > *{ opacity:1 !important; transform:none !important; transition:none !important; }\r\n  }\r\n\r\n  \/* ---------- Hero ---------- *\/\r\n  .hero{\r\n    width:100%;\r\n    background:\r\n      radial-gradient(1400px 520px at 88% -10%, rgba(32,213,194,0.18), transparent 60%),\r\n      linear-gradient(180deg, var(--navy) 0%, #0B2547 100%);\r\n    color:var(--white);\r\n    padding:96px 6vw 84px;\r\n    position:relative;\r\n    overflow:hidden;\r\n  }\r\n  .hero::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    right:-160px; top:-180px;\r\n    width:520px; height:520px;\r\n    border-radius:50%;\r\n    background:radial-gradient(circle, rgba(23,107,255,0.35), transparent 70%);\r\n    animation:float 9s ease-in-out infinite;\r\n  }\r\n  @keyframes float{\r\n    0%,100%{ transform:translate(0,0); }\r\n    50%{ transform:translate(-24px, 26px); }\r\n  }\r\n  .eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-family:'IBM Plex Mono', monospace;\r\n    font-size:12px;\r\n    letter-spacing:0.14em;\r\n    text-transform:uppercase;\r\n    color:var(--aqua);\r\n    background:rgba(32,213,194,0.1);\r\n    border:1px solid rgba(32,213,194,0.3);\r\n    padding:6px 14px;\r\n    border-radius:100px;\r\n    margin-bottom:26px;\r\n  }\r\n  .eyebrow .blink{\r\n    width:6px;height:6px;border-radius:50%;background:var(--aqua);\r\n    animation:pulse 1.8s ease-in-out infinite;\r\n  }\r\n  @keyframes pulse{\r\n    0%,100%{ opacity:1; box-shadow:0 0 0 0 rgba(32,213,194,.5);}\r\n    50%{ opacity:.5; box-shadow:0 0 0 6px rgba(32,213,194,0);}\r\n  }\r\n  .hero h1{\r\n    color:var(--white);\r\n    font-size:clamp(32px, 4.4vw, 52px);\r\n    font-weight:700;\r\n    max-width:920px;\r\n    line-height:1.14;\r\n  }\r\n  .hero .lede{\r\n    max-width:760px;\r\n    margin-top:24px;\r\n    font-size:clamp(15px, 1.4vw, 18px);\r\n    color:rgba(255,255,255,0.82) !important;\r\n  }\r\n  .hero .lede strong{ color:var(--white); font-weight:600; }\r\n\r\n  .pill-row{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n    margin-top:34px;\r\n    position:relative;\r\n    z-index:1;\r\n  }\r\n  .pill{\r\n    font-size:13px;\r\n    font-weight:600;\r\n    padding:9px 18px;\r\n    border-radius:100px;\r\n    background:rgba(255,255,255,0.06);\r\n    border:1px solid rgba(255,255,255,0.14);\r\n    color:var(--white);\r\n    display:flex; align-items:center; gap:8px;\r\n    transition:background .25s ease, transform .25s ease, border-color .25s ease;\r\n    cursor:default;\r\n  }\r\n  .pill::before{\r\n    content:\"\";\r\n    width:6px; height:6px;\r\n    border-radius:50%;\r\n    background:var(--aqua);\r\n    transition:transform .25s ease;\r\n  }\r\n  .pill:hover{\r\n    background:rgba(32,213,194,0.14);\r\n    border-color:rgba(32,213,194,0.5);\r\n    transform:translateY(-3px);\r\n  }\r\n  .pill:hover::before{ transform:scale(1.6); }\r\n\r\n  \/* ---------- Section framing (full width) ---------- *\/\r\n  section.doc-section{\r\n    width:100%;\r\n    padding:64px 6vw;\r\n    border-bottom:1px solid var(--border);\r\n  }\r\n  section.doc-section:nth-of-type(even){\r\n    background:var(--cloud);\r\n  }\r\n\r\n  .sec-head{ margin-bottom:24px; }\r\n  .sec-head h2{\r\n    font-size:clamp(22px, 2.6vw, 30px);\r\n    font-weight:700;\r\n    position:relative;\r\n    display:inline-block;\r\n  }\r\n  .sec-head h2::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0; bottom:-8px;\r\n    width:40px; height:3px;\r\n    background:var(--aqua);\r\n    border-radius:3px;\r\n    transition:width .4s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .sec-head:hover h2::after{ width:100%; }\r\n\r\n  .sec-body{ max-width:1180px; }\r\n  .sec-body p{\r\n    color:var(--text);\r\n    font-size:15.6px;\r\n    max-width:860px;\r\n    margin-bottom:14px;\r\n  }\r\n  .sec-body p.muted{ color:var(--slate); }\r\n\r\n  .callout{\r\n    font-family:'Sora', sans-serif;\r\n    font-weight:600;\r\n    font-size:18px;\r\n    color:var(--navy);\r\n    max-width:800px;\r\n    padding:18px 22px;\r\n    background:var(--white);\r\n    border-left:3px solid var(--aqua);\r\n    border-radius:0 8px 8px 0;\r\n    margin:18px 0 22px;\r\n    box-shadow:0 1px 2px rgba(7,27,51,0.04);\r\n    transition:box-shadow .3s ease, transform .3s ease, border-color .3s ease;\r\n  }\r\n  .callout:hover{\r\n    box-shadow:0 12px 28px -12px rgba(7,27,51,0.18);\r\n    transform:translateY(-2px);\r\n    border-left-color:var(--blue);\r\n  }\r\n\r\n  \/* Chips *\/\r\n  .chip-grid{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n    margin:8px 0 4px;\r\n  }\r\n  .chip{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-size:13.5px;\r\n    font-weight:500;\r\n    color:var(--text);\r\n    background:var(--white);\r\n    border:1px solid var(--border);\r\n    padding:9px 16px;\r\n    border-radius:9px;\r\n    transition:transform .22s cubic-bezier(.16,1,.3,1), box-shadow .22s ease, border-color .22s ease, background .22s ease;\r\n    cursor:default;\r\n  }\r\n  section.doc-section:nth-of-type(even) .chip{ background:var(--cloud); }\r\n  .chip .dot{\r\n    width:7px; height:7px;\r\n    border-radius:50%;\r\n    background:var(--blue);\r\n    flex-shrink:0;\r\n    transition:transform .22s ease;\r\n  }\r\n  .chip.aqua .dot{ background:var(--aqua); }\r\n  .chip:hover{\r\n    transform:translateY(-4px);\r\n    border-color:var(--blue);\r\n    box-shadow:0 10px 22px -12px rgba(23,107,255,0.35);\r\n    background:var(--white);\r\n  }\r\n  .chip.aqua:hover{\r\n    border-color:var(--aqua);\r\n    box-shadow:0 10px 22px -12px rgba(32,213,194,0.4);\r\n  }\r\n  .chip:hover .dot{ transform:scale(1.5); }\r\n\r\n  \/* Split *\/\r\n  .split{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:48px;\r\n    align-items:start;\r\n  }\r\n  @media (max-width:860px){ .split{ grid-template-columns:1fr; } }\r\n\r\n  \/* Journey timeline *\/\r\n  .timeline{ margin-top:12px; padding-left:6px; }\r\n  .tl-step{\r\n    position:relative;\r\n    padding:0 0 36px 52px;\r\n    border-left:2px solid var(--border);\r\n    margin-left:19px;\r\n  }\r\n  .tl-step:last-child{ border-left:2px solid transparent; padding-bottom:4px; }\r\n  .tl-step .tl-marker{\r\n    position:absolute;\r\n    left:-21px; top:-2px;\r\n    width:40px; height:40px;\r\n    border-radius:50%;\r\n    background:var(--navy);\r\n    color:var(--white);\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-family:'Sora', sans-serif;\r\n    font-weight:700;\r\n    font-size:15px;\r\n    border:4px solid var(--cloud);\r\n    transition:transform .3s cubic-bezier(.34,1.56,.64,1), background .3s ease;\r\n  }\r\n  section.doc-section:nth-of-type(odd) .tl-step .tl-marker{ border-color:var(--white); }\r\n  .tl-step:hover .tl-marker{ transform:scale(1.14) rotate(-6deg); background:var(--blue); }\r\n  .tl-step h4{ font-size:17px; margin-bottom:8px; padding-top:6px; }\r\n  .tl-step p{ font-size:14.5px; color:var(--slate); margin-bottom:10px; max-width:600px; }\r\n\r\n  \/* Order flow *\/\r\n  .flow-row{\r\n    display:flex; align-items:center; gap:14px; flex-wrap:wrap;\r\n    margin:18px 0 8px;\r\n  }\r\n  .flow-step{\r\n    display:flex; align-items:center; gap:10px;\r\n    background:var(--white);\r\n    border:1px solid var(--border);\r\n    border-radius:10px;\r\n    padding:12px 20px;\r\n    font-weight:600;\r\n    font-size:14px;\r\n    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;\r\n  }\r\n  .flow-step:hover{\r\n    transform:translateY(-4px);\r\n    border-color:var(--blue);\r\n    box-shadow:0 12px 24px -14px rgba(23,107,255,0.4);\r\n  }\r\n  .flow-step .n{\r\n    width:24px; height:24px;\r\n    border-radius:50%;\r\n    background:var(--blue);\r\n    color:var(--white);\r\n    font-size:12px;\r\n    font-family:'IBM Plex Mono', monospace;\r\n    display:flex; align-items:center; justify-content:center;\r\n    flex-shrink:0;\r\n  }\r\n  .flow-arrow{ color:var(--slate); font-size:18px; transition:transform .3s ease; }\r\n  .flow-row:hover .flow-arrow{ transform:translateX(3px); }\r\n  .old-way{ display:flex; gap:18px; flex-wrap:wrap; margin-bottom:6px; }\r\n  .old-way span{\r\n    font-size:14px; color:var(--slate);\r\n    text-decoration:line-through;\r\n    text-decoration-color:#c7cedb;\r\n    transition:color .2s ease;\r\n  }\r\n  .old-way span:hover{ color:#c0394a; }\r\n\r\n  \/* Comparison table *\/\r\n  .compare-wrap{\r\n    margin-top:10px;\r\n    border:1px solid var(--border);\r\n    border-radius:14px;\r\n    overflow:hidden;\r\n    background:var(--white);\r\n    max-width:900px;\r\n    box-shadow:0 1px 2px rgba(7,27,51,0.03);\r\n  }\r\n  table.compare{ width:100%; border-collapse:collapse; }\r\n  table.compare th{\r\n    text-align:left;\r\n    font-family:'Sora', sans-serif;\r\n    font-size:13px;\r\n    text-transform:uppercase;\r\n    letter-spacing:0.06em;\r\n    padding:15px 24px;\r\n    color:var(--white);\r\n  }\r\n  table.compare th:first-child{ background:var(--slate); }\r\n  table.compare th:last-child{ background:var(--navy); }\r\n  table.compare td{\r\n    padding:13px 24px;\r\n    font-size:14.5px;\r\n    border-top:1px solid var(--border);\r\n    transition:background .2s ease;\r\n  }\r\n  table.compare td:first-child{ color:var(--slate); }\r\n  table.compare td:last-child{ color:var(--navy); font-weight:600; }\r\n  table.compare tr td:last-child::before{ content:\"\u2713 \"; color:var(--aqua); font-weight:700; }\r\n  table.compare tbody tr:nth-child(even){ background:var(--cloud); }\r\n  table.compare tbody tr{ transition:background .2s ease; }\r\n  table.compare tbody tr:hover{ background:rgba(23,107,255,0.06); }\r\n  table.compare tbody tr:hover td{ color:var(--navy); }\r\n\r\n  \/* Message bubbles *\/\r\n  .bubbles{ display:flex; flex-direction:column; gap:10px; margin-top:16px; max-width:460px; }\r\n  .bubble{\r\n    background:var(--white);\r\n    border:1px solid var(--border);\r\n    border-left:3px solid var(--blue);\r\n    padding:12px 16px;\r\n    border-radius:0 10px 10px 10px;\r\n    font-size:13.8px;\r\n    color:var(--text);\r\n    box-shadow:0 1px 2px rgba(7,27,51,0.04);\r\n    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;\r\n  }\r\n  .bubble:hover{\r\n    transform:translateX(6px);\r\n    border-left-color:var(--aqua);\r\n    box-shadow:0 10px 20px -12px rgba(7,27,51,0.18);\r\n  }\r\n\r\n  \/* Roadmap grid *\/\r\n  .roadmap-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));\r\n    gap:12px;\r\n    margin-top:16px;\r\n  }\r\n  .roadmap-item{\r\n    background:var(--white);\r\n    border:1px solid var(--border);\r\n    border-radius:10px;\r\n    padding:16px 18px;\r\n    font-size:14px;\r\n    font-weight:500;\r\n    display:flex;\r\n    gap:10px;\r\n    align-items:flex-start;\r\n    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;\r\n  }\r\n  .roadmap-item:hover{\r\n    transform:translateY(-5px);\r\n    border-color:var(--aqua);\r\n    box-shadow:0 14px 28px -16px rgba(32,213,194,0.4);\r\n  }\r\n  .roadmap-item .idx{\r\n    font-family:'IBM Plex Mono', monospace;\r\n    font-size:11px;\r\n    color:var(--aqua);\r\n    background:rgba(32,213,194,0.12);\r\n    border-radius:5px;\r\n    padding:2px 6px;\r\n    flex-shrink:0;\r\n  }\r\n\r\n  \/* Conclusion *\/\r\n  .conclusion{\r\n    width:100%;\r\n    background:linear-gradient(135deg, var(--navy), #0B2547 60%, #0d2c52);\r\n    color:var(--white);\r\n    padding:80px 6vw;\r\n  }\r\n  .conclusion h2{ color:var(--white); font-size:clamp(24px,3vw,32px); margin-bottom:22px;}\r\n  .conclusion p{\r\n    color:rgba(255,255,255,0.82) !important;\r\n    font-size:15.6px;\r\n    max-width:880px;\r\n    margin-bottom:14px;\r\n  }\r\n  .conclusion .accent-bar{\r\n    width:52px; height:4px;\r\n    background:var(--aqua);\r\n    border-radius:4px;\r\n    margin-bottom:24px;\r\n    transition:width .5s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .conclusion:hover .accent-bar{ width:120px; }\r\n\r\n  @media (max-width: 640px){\r\n    .hero, section.doc-section, .conclusion{ padding-left:24px; padding-right:24px; }\r\n  }\r\n<\/style>\r\n\r\n\r\n\r\n\r\n  <!-- Home Dashboard -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>La taula de control de l'ordinador<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>El tauler de comandaments es converteix en el centre de control del membre. Tot est\u00e0 disponible des d'una sola pantalla.<\/p>\r\n      <p class=\"muted\">La informaci\u00f3 t\u00edpica inclou:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Saldo de la cartera actual<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Estatus de membre<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Data de caducaci\u00f3 de la pertinen\u00e7a<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Anuncis del club<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Punts de recompensa<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Comandes recents<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Esdeveniments propers<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Reservacions actives<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Ofertes personals<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">Els membres sempre saben quin \u00e9s el seu estat actual.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Joining Multiple Clubs -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Formar part de diversos clubs<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>A difer\u00e8ncia dels sistemes tradicionals, ClubCash permet a una persona pert\u00e0nyer a moltes organitzacions utilitzant un \u00fanic compte. Per exemple:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Club de golf<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Club n\u00e0utic<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Gimn\u00e0s<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Club de futbol<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Associaci\u00f3 empresarial<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Teatre local<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Festival de m\u00fasica<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Organitzaci\u00f3 comunit\u00e0ria<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">El membre simplement canvia entre els clubs dins de l'aplicaci\u00f3 \u2014no cal mantenir diverses aplicacions, targetes ni carteres.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Arrival at the Club -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Arribada al Club<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>En arribar, els membres simplement presenten el seu codi QR. El personal escaneja el codi. En q\u00fcesti\u00f3 de segons, poden veure:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Validesa de la pertinen\u00e7a<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Fotografia del membre (opcional)<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Nivell de membre<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Quota d'hostes<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Alertes destacats<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Estat de la reserva<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">L'entrada es fa gaireb\u00e9 instant\u00e0nia.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Purchasing Food and Drinks -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Comprar menjar i begudes<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p class=\"muted\">En lloc de:<\/p>\r\n      <div class=\"old-way\">\r\n        <span>Trobar diners...<\/span>\r\n        <span>Esperant el canvi...<\/span>\r\n        <span>Rebuts de signatura\u2026<\/span>\r\n      <\/div>\r\n      <p class=\"muted\" style=\"margin-top:8px;\">Els membres simplement:<\/p>\r\n      <div class=\"flow-row\">\r\n        <div class=\"flow-step\"><span class=\"n\">1<\/span>Comanda<\/div>\r\n        <span class=\"flow-arrow\">\u2192<\/span>\r\n        <div class=\"flow-step\"><span class=\"n\">2<\/span>Escaneja el codi QR<\/div>\r\n        <span class=\"flow-arrow\">\u2192<\/span>\r\n        <div class=\"flow-step\"><span class=\"n\">3<\/span>Confirmaci\u00f3 del pagament<\/div>\r\n      <\/div>\r\n      <p style=\"margin-top:14px;\">El pagament es completa en q\u00fcesti\u00f3 de segons. Les factures apareixen instant\u00e0niament dins de l'aplicaci\u00f3.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Purchasing Merchandise -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Comprar mercaderies<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Els membres poden comprar:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Roba<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Equipament<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Accessoris<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Merchandise del club<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Entrades per a esdeveniments<\/div>\r\n      <\/div>\r\n      <p style=\"margin-top:16px;\">S'utilitza exactament la mateixa experi\u00e8ncia de pagament.<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip aqua\"><span class=\"dot\"><\/span>Una bossa de monedes<\/div>\r\n        <div class=\"chip aqua\"><span class=\"dot\"><\/span>Una sola quota<\/div>\r\n        <div class=\"chip aqua\"><span class=\"dot\"><\/span>Un historial de rebuts<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Event Booking -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Reservaci\u00f3 d'esdeveniments<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Els membres poden consultar els esdeveniments que tenen previstos, entre els quals hi ha:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Competicions<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Dinars<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Concerts<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Nits socials<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Cursos n\u00e0utics<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Torneigs de golf<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Actes de caritat<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Confer\u00e8ncies<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">La reserva nom\u00e9s requereix un toc. Les entrades apareixen autom\u00e0ticament dins de l'aplicaci\u00f3.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Rewards Programme -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Programa de recompenses<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Cada compra pot generar recompenses. Alguns exemples s\u00f3n:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Reembossament<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Punts de fidelitzaci\u00f3<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Begudes gratu\u00eftes<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Xecs de descompte<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Ofertes de productes<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Descomptes per a esdeveniments<\/div>\r\n      <\/div>\r\n      <p style=\"margin-top:16px;\">Les recompenses s'ingressen autom\u00e0ticament.<\/p>\r\n      <div class=\"old-way\">\r\n        <span>Valors en paper<\/span>\r\n        <span>Targetes de fidelitzaci\u00f3 de pl\u00e0stic<\/span>\r\n        <span>Administraci\u00f3 manual<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Club Communications -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Comunicaci\u00f3 del Club<\/h2><\/div>\r\n    <div class=\"split\">\r\n      <div class=\"sec-body reveal in\">\r\n        <p>Els membres reben comunicacions espec\u00edfiques en funci\u00f3 de:<\/p>\r\n        <div class=\"chip-grid stagger in\">\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Club<\/div>\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Nivell de membre<\/div>\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Interessos<\/div>\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Esdeveniments<\/div>\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Historial de compres<\/div>\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Notificacions<\/div>\r\n        <\/div>\r\n        <p class=\"callout\" style=\"margin-top:18px;\">La comunicaci\u00f3 esdev\u00e9 rellevant en lloc de ser intrusiva.<\/p>\r\n      <\/div>\r\n      <div class=\"reveal in\">\r\n        <p class=\"muted\" style=\"margin-bottom:10px;\">Exemples:<\/p>\r\n        <div class=\"bubbles\">\r\n          <div class=\"bubble\">\"La vostra subscripci\u00f3 caduca d'aqu\u00ed 14 dies.\"<\/div>\r\n          <div class=\"bubble\">\"La vostra reserva per al sopar ha estat confirmada.\"<\/div>\r\n          <div class=\"bubble\">\"Felicitats \u2014 heu guanyat 10 \u20ac en reemborsament.\"<\/div>\r\n          <div class=\"bubble\">\"La competici\u00f3 d'avui comen\u00e7a a les 10:30.\"<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Security -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Seguretat<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Cada compte de membre est\u00e0 protegit mitjan\u00e7ant m\u00e8todes d'autenticaci\u00f3 moderns. Les caracter\u00edstiques de seguretat inclouen:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>OTP per correu electr\u00f2nic<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>SMS OTP<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Comunicacions xifrades<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Arquitectura de la cartera segura<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Processament de pagaments tokenitzat<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Monitoritzaci\u00f3 de fraus<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Verificaci\u00f3 del dispositiu<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Aut\u00f2mat de registre biom\u00e8tric opcional<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">La informaci\u00f3 de pagament confidencial mai no s'exposa durant les transaccions.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Privacy -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Privacitat<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Els membres conserven el control complet sobre la seva informaci\u00f3 personal. Nom\u00e9s els administradors autoritzats del club poden accedir a la informaci\u00f3 dels membres rellevant per a la seva organitzaci\u00f3.<\/p>\r\n      <p class=\"muted\">ClubCash segueix els principis de privacitat per disseny, inclosos els seg\u00fcents:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Minimitzaci\u00f3 de dades<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Almacenament segur<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Transmissi\u00f3 xifrada<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Consentiment de l'usuari<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Controls de gesti\u00f3 de comptes<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">La privacitat est\u00e0 integrada a la plataforma des del principi.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Membership Renewal -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Renovaci\u00f3 de la pertinen\u00e7a<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Les renovacions es fan gaireb\u00e9 sense esfor\u00e7. Els membres reben recordatoris abans de la data de caducitat. La renovaci\u00f3 nom\u00e9s requereix uns pocs tocs.<\/p>\r\n      <p class=\"muted\">Un cop s'hagi completat el pagament:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>La subscripci\u00f3 es renova de manera instant\u00e0nia<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Les actualitzacions de la cartera es fan autom\u00e0ticament<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Actualitzacions del passaport d'Apple Wallet<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Actualitzacions del passaport de Google Wallet<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Les dades de l'administrador s'actualitzen autom\u00e0ticament<\/div>\r\n      <\/div>\r\n      <div class=\"old-way\" style=\"margin-top:16px;\">\r\n        <span>Formes de paper<\/span>\r\n        <span>Processament manual<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Guest Management -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Gesti\u00f3 d'hostes<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Moltes organitzacions admeten convidats. Els membres poden:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Registra els convidats<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Compra les entrades d'amfitri\u00f3<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Envia codis QR per a convidats<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Veure l'historial dels convidats<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">El personal de recepci\u00f3 pot validar l'entrada dels hostes instant\u00e0niament.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Transaction History -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Historial de transaccions<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Cada pagament queda registrat. Els membres poden revisar:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Comandes<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Pagaments de la quota de soci<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Reembossament<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Recompenses<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Reemborsaments<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Transfer\u00e8ncies<\/div>\r\n      <\/div>\r\n      <p style=\"margin-top:16px;\">Les declaracions es poden exportar si cal. <strong style=\"color:var(--navy);\">Tot \u00e9s transparent.<\/strong><\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Member Benefits -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Avantatges per a membres<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>En comparaci\u00f3 amb els sistemes tradicionals de membres\u00eda, ClubCash ofereix avantatges significatius.<\/p>\r\n      <div class=\"compare-wrap\">\r\n        <table class=\"compare\">\r\n          <thead>\r\n            <tr>\r\n              <th>Membre tradicional<\/th>\r\n              <th>Experi\u00e8ncia ClubCash<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr><td>Targetes de pl\u00e0stic<\/td><td>Assistent digital<\/td><\/tr>\r\n            <tr><td>Pagaments en efectiu<\/td><td>Moneder sense efectiu<\/td><\/tr>\r\n            <tr><td>Contrasenya<\/td><td>Autenticaci\u00f3 amb OTP<\/td><\/tr>\r\n            <tr><td>Recollits en paper<\/td><td>Recollits digitals<\/td><\/tr>\r\n            <tr><td>Renovacions manuals<\/td><td>Renovacions amb un sol clic<\/td><\/tr>\r\n            <tr><td>Targetes de fidelitzaci\u00f3 separades<\/td><td>Recompenses integrades<\/td><\/tr>\r\n            <tr><td>Aplicacions m\u00faltiples del club<\/td><td>Una aplicaci\u00f3 universal<\/td><\/tr>\r\n            <tr><td>Check-in lent<\/td><td>Check-in QR<\/td><\/tr>\r\n            <tr><td>Comunicaci\u00f3 limitada<\/td><td>Notificacions personalitzades<\/td><\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Accessibility -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Accessibilitat<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>ClubCash est\u00e0 dissenyat per a tots els grups d'edat i capacitats t\u00e8cniques. Les seves funcions inclouen:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Una navegaci\u00f3 senzilla<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Objectius t\u00e0ctils de grans dimensions<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Interf\u00edcie d'alta contrastaci\u00f3<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Tipografia clara<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Compatibilitat amb els lectors de pantalla<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Suport a m\u00faltiples idiomes<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Disseny m\u00f2bil responsive<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">La tecnologia ha de ser inclusiva en lloc de ser intimidat\u00f2ria.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Future Member Experience -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Experi\u00e8ncia dels membres del futur<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>El pla de desenvolupament de la plataforma inclou millores futures com ara:<\/p>\r\n      <div class=\"roadmap-grid stagger in\">\r\n        <div class=\"roadmap-item\"><span class=\"idx\">01<\/span>Recomanacions personals impulsades per la IA<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">02<\/span>Suport a assistents de veu<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">03<\/span>Integraci\u00f3 de dispositius portables intel\u00b7ligents<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">04<\/span>Tast de contacte per entrar amb NFC<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">05<\/span>Reconeixement facial (quan est\u00e0 permesa per la llei)<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">06<\/span>Verificaci\u00f3 de la identitat digital<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">07<\/span>Interoperabilitat entre clubs internacionals<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">08<\/span>Compartimentaci\u00f3 de les recompenses entre els clubs<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">09<\/span>Seguiment de la petjada de carboni<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">10<\/span>Servei de consergeria intel\u00b7ligent<\/div>\r\n      <\/div>\r\n      <p style=\"margin-top:20px;\">Aquestes capacitats posicionen ClubCash per evolucionar juntament amb les expectatives dels membres, mantenint una experi\u00e8ncia d'usuari perfecta.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Conclusion -->\r\n  <div class=\"conclusion reveal in\">\r\n    <div class=\"accent-bar\"><\/div>\r\n    <h2>Conclusi\u00f3<\/h2>\r\n    <p>L'experi\u00e8ncia del membre del ClubCash t\u00e9 com a objectiu redefinir la manera com la gent interactua amb els clubs, les associacions i les organitzacions comunit\u00e0ries. En combinar la identitat segura, la subscripci\u00f3 digital, els pagaments sense efectiu, les recompenses integrades i la comunicaci\u00f3 personalitzada en una \u00fanica plataforma, ClubCash elimina les mol\u00e8sties quotidianes i crea una experi\u00e8ncia m\u00e9s r\u00e0pida i agradable tant per als membres com per als administradors.<\/p>\r\n    <p>En lloc de digitalitzar simplement els processos existents, ClubCash repensar\u00e0 tota la traject\u00f2ria de l\u2019afiliaci\u00f3 \u2014des de la incorporaci\u00f3 i el registre fins a les compres, les renovacions i la participaci\u00f3 cont\u00ednua\u2014. El resultat \u00e9s un ecosistema connectat que augmenta la comoditat, refor\u00e7a la fidelitzaci\u00f3 dels membres, millora l\u2019efici\u00e8ncia operativa i proporciona a les organitzacions les eines necess\u00e0ries per oferir una experi\u00e8ncia de membre moderna i de qualitat.<\/p>\r\n  <\/div>\r\n\r\n\r\n<script>\r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('in');\r\n        io.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\r\n\r\n  document.querySelectorAll('.reveal, .stagger').forEach(el => io.observe(el));\r\n<\/script>\r\n\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Document For Members ClubCash has been designed around one simple principle: Members should spend time enjoying their club\u2014not waiting in [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10252","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>For Members Old - clubcash.io<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/clubcash.io\/ca\/per-als-membres-mes-grans\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"For Members Old - clubcash.io\" \/>\n<meta property=\"og:url\" content=\"https:\/\/clubcash.io\/ca\/per-als-membres-mes-grans\/\" \/>\n<meta property=\"og:site_name\" content=\"clubcash.io\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-02T15:10:13+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/clubcash.io\\\/for-members-old\\\/\",\"url\":\"https:\\\/\\\/clubcash.io\\\/for-members-old\\\/\",\"name\":\"For Members Old - clubcash.io\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/clubcash.io\\\/#website\"},\"datePublished\":\"2026-07-14T17:40:07+00:00\",\"dateModified\":\"2026-10-02T15:10:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/clubcash.io\\\/for-members-old\\\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/clubcash.io\\\/for-members-old\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/clubcash.io\\\/for-members-old\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/clubcash.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"For Members Old\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/clubcash.io\\\/#website\",\"url\":\"https:\\\/\\\/clubcash.io\\\/\",\"name\":\"clubcash.io\",\"description\":\"club payments made easy\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/clubcash.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Per a socis antics - clubcash.io","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/clubcash.io\/ca\/per-als-membres-mes-grans\/","og_locale":"ca_ES","og_type":"article","og_title":"For Members Old - clubcash.io","og_url":"https:\/\/clubcash.io\/ca\/per-als-membres-mes-grans\/","og_site_name":"clubcash.io","article_modified_time":"2026-10-02T15:10:13+00:00","twitter_card":"summary_large_image","twitter_misc":{"Temps estimat de lectura":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/clubcash.io\/for-members-old\/","url":"https:\/\/clubcash.io\/for-members-old\/","name":"Per a socis antics - clubcash.io","isPartOf":{"@id":"https:\/\/clubcash.io\/#website"},"datePublished":"2026-07-14T17:40:07+00:00","dateModified":"2026-10-02T15:10:13+00:00","breadcrumb":{"@id":"https:\/\/clubcash.io\/for-members-old\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/clubcash.io\/for-members-old\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/clubcash.io\/for-members-old\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/clubcash.io\/"},{"@type":"ListItem","position":2,"name":"For Members Old"}]},{"@type":"WebSite","@id":"https:\/\/clubcash.io\/#website","url":"https:\/\/clubcash.io\/","name":"clubcash.io","description":"pagaments de clubs f\u00e0cils","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/clubcash.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"}]}},"_links":{"self":[{"href":"https:\/\/clubcash.io\/ca\/wp-json\/wp\/v2\/pages\/10252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubcash.io\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubcash.io\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubcash.io\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubcash.io\/ca\/wp-json\/wp\/v2\/comments?post=10252"}],"version-history":[{"count":63,"href":"https:\/\/clubcash.io\/ca\/wp-json\/wp\/v2\/pages\/10252\/revisions"}],"predecessor-version":[{"id":15408,"href":"https:\/\/clubcash.io\/ca\/wp-json\/wp\/v2\/pages\/10252\/revisions\/15408"}],"wp:attachment":[{"href":"https:\/\/clubcash.io\/ca\/wp-json\/wp\/v2\/media?parent=10252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}