:root{--ink:#594d61;--muted:#766d7b;--lilac:#9874ae;--pale:#efe5f3;--cream:#fcf9fd;--white:#fff;--line:#dfd2e6;--shadow:0 24px 64px rgba(83,61,96,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Avenir Next","Segoe UI",Arial,sans-serif;line-height:1.6}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(252,249,253,.9);backdrop-filter:blur(15px);border-bottom:1px solid rgba(152,116,174,.14)}nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{width:138px;height:66px;overflow:hidden;position:relative}.brand img{position:absolute;width:176px;max-width:none;left:-13px;top:-41px}.nav-actions{display:flex;align-items:center;gap:18px}.back{text-decoration:none;font-size:.9rem}.language{display:flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.75)}.language button{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:6px 10px;cursor:pointer}.language button.active{background:var(--lilac);color:white}
.hero{min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden;background-color:#eee4f2;background-repeat:no-repeat;background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(252,249,253,.82) 0%,rgba(233,216,241,.5) 46%,rgba(152,116,174,.18) 100%)}body[data-assessment="alcohol"] .hero{background-image:url("addiction-alcohol-symbolic-final.png")}body[data-assessment="cannabis"] .hero{background-image:url("addiction-cannabis-symbolic-final.png")}body[data-assessment="cocaine"] .hero{background-image:url("addiction-cocaina-symbolic-final-v3.png");background-position:70% center}body[data-assessment="gambling"] .hero{background-image:url("addiction-joc-symbolic-final.png")}.hero:after{content:attr(data-word);position:absolute;z-index:1;right:-.03em;bottom:-.22em;font-size:clamp(9rem,25vw,22rem);line-height:1;color:rgba(255,255,255,.35);font-weight:300;letter-spacing:-.08em}.hero-content{position:relative;z-index:2;max-width:790px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;color:#7c638b;margin-bottom:20px}.hero h1{font-size:clamp(3.4rem,8vw,7.1rem);line-height:.94;letter-spacing:-.06em;font-weight:350;margin:0}.hero p{max-width:690px;font-size:clamp(1.1rem,2vw,1.35rem);color:#6f6575;margin:28px 0 0}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;background:var(--lilac);color:#fff;text-decoration:none;border:1px solid var(--lilac);transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(83,61,96,.18)}.btn.secondary{background:rgba(255,255,255,.58);color:var(--ink)}
body[data-assessment="gambling"] .hero{background-image:url("addiction-joc-symbolic-final-v2.png")}
section{padding:96px 0}.intro{text-align:center;max-width:800px;margin:auto}.intro h2,.process h2,.family h2,.closing h2{font-size:clamp(2.2rem,4.8vw,4rem);line-height:1.06;letter-spacing:-.04em;font-weight:350;margin:0}.intro p,.process p,.family p,.closing p{color:var(--muted)}
@media(min-width:781px){.intro{max-width:1000px}.intro>p{font-size:clamp(.92rem,1.35vw,1rem);white-space:nowrap}}
.signals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.signal{min-height:260px;padding:31px;border:1px solid var(--line);border-radius:24px;background:#fff;text-align:left;cursor:pointer;transition:.3s;position:relative;overflow:hidden}.signal:hover,.signal.active{transform:translateY(-6px);box-shadow:var(--shadow);background:linear-gradient(145deg,#fff,#f0e6f4)}.signal-number{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#e7d8ed;color:#715b7d;margin-bottom:25px}.signal h3{font-size:1.35rem;font-weight:400;margin:0}.signal>p{font-size:.93rem;color:var(--muted)}.signal-hint{display:block;margin-top:10px;color:#8c6d9d;font-size:.78rem}.signal-detail{display:none;position:absolute;inset:0;padding:30px;background:linear-gradient(145deg,#73567f,#a888b9);color:white;place-content:center}.signal.active .signal-detail{display:grid;animation:detailIn .3s ease}.signal-detail p{color:rgba(255,255,255,.92);margin:0}.signal-detail strong{display:block;margin-bottom:8px;font-size:1.1rem;font-weight:500}@keyframes detailIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.assessment-entry{padding:34px 0 70px}.assessment-heading{text-align:center;max-width:680px;margin:0 auto 28px}.assessment-heading h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:350;line-height:1.08;letter-spacing:-.04em;margin:0}.assessment-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:880px;margin:auto}.assessment-choice{min-height:155px;padding:28px;border:1px solid var(--line);border-radius:23px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:.25s}.assessment-choice:hover{transform:translateY(-5px);box-shadow:var(--shadow);background:#f4ecf7}.assessment-choice small{display:block;color:#8b6e9b;margin-bottom:8px}.assessment-choice strong{font-size:1.25rem;font-weight:450}.assessment-choice span{float:right;color:var(--lilac);font-size:1.35rem}
@media(min-width:781px){.assessment-heading{max-width:none}.assessment-heading h2{width:100%;text-align:center;white-space:nowrap}}
.assessment-overlay{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:20px;background:rgba(55,43,61,.52);backdrop-filter:blur(7px)}.assessment-overlay.open{display:grid}.assessment-dialog{width:min(480px,100%);max-height:calc(100vh - 40px);overflow:auto;position:relative;padding:28px 30px 25px;border-radius:22px;background:var(--cream);box-shadow:0 28px 90px rgba(45,31,52,.28)}.assessment-close{position:absolute;right:12px;top:11px;width:32px;height:32px;border:0;border-radius:50%;background:#eadfed;color:var(--ink);font-size:1.15rem;cursor:pointer}.assessment-dialog>.eyebrow{margin-bottom:9px;padding-right:35px}.assessment-dialog>h2{font-size:clamp(1.4rem,2.8vw,1.85rem);line-height:1.14;margin:0;padding-right:20px}.assessment-progress{height:4px;margin:15px 0 20px;border-radius:99px;background:#e5d9e9;overflow:hidden}.assessment-progress span{display:block;height:100%;width:0;background:var(--lilac);transition:width .3s}.assessment-question{font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.36;margin:0}.assessment-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.assessment-actions button,.assessment-restart{padding:10px 17px;border:1px solid var(--lilac);border-radius:999px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}.assessment-actions button:first-child,.assessment-restart{background:var(--lilac);color:#fff}.assessment-result{display:none}.assessment-result.visible{display:block}.assessment-result h3{font-size:clamp(1.45rem,3vw,1.9rem);font-weight:350;line-height:1.12;margin:0}.assessment-result p{color:var(--muted);font-size:.96rem}.assessment-result .btns{margin-top:18px}.assessment-restart{margin-top:14px}.assessment-note{margin-top:17px;color:#887e8c;font-size:.76rem}.assessment-dialog.finished .assessment-body,.assessment-dialog.finished .assessment-progress{display:none}
.assessment-signal-scale{--assessment-signal-position:12.5%;margin:19px 0 17px}.assessment-signal-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px 0}.assessment-signal-track span{height:7px}.assessment-signal-track span:first-child{border-radius:99px 0 0 99px;background:#cfe3d4}.assessment-signal-track span:nth-child(2){background:#f3e7b5}.assessment-signal-track span:nth-child(3){background:#efcfaa}.assessment-signal-track span:nth-child(4){border-radius:0 99px 99px 0;background:#e8b8b4}.assessment-signal-track i{position:absolute;left:var(--assessment-signal-position);top:50%;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#66576d;box-shadow:0 2px 7px rgba(65,47,72,.25);transform:translate(-50%,-50%);transition:left .35s ease}.assessment-signal-labels{display:flex;justify-content:space-between;margin-top:5px;color:#827687;font-size:.72rem}.assessment-signal-scale[data-level="2"]{--assessment-signal-position:37.5%}.assessment-signal-scale[data-level="3"]{--assessment-signal-position:62.5%}.assessment-signal-scale[data-level="4"]{--assessment-signal-position:87.5%}
.process{background:var(--pale)}.process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:68px;align-items:start}.steps{display:grid;gap:12px}.step{padding:24px 26px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(152,116,174,.15)}.step b{font-weight:500;color:#71577f}.step span{display:block;color:var(--muted);margin-top:5px}
.family-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:58px;border:1px solid var(--line);border-radius:28px;background:white;box-shadow:var(--shadow)}.family-list{display:grid;gap:11px}.family-list span{padding:13px 16px;border-radius:15px;background:#f4edf6;color:#6c6071}.note{max-width:760px;margin:38px auto 0;text-align:center;color:#867b8a;font-size:.85rem}
.closing{padding-top:20px}.closing-card{padding:70px 40px;border-radius:30px;text-align:center;background:linear-gradient(145deg,#e7d9ec,#cbb4d7)}.closing p{max-width:650px;margin:18px auto 0}.closing .btns{justify-content:center}footer{padding:34px 0;text-align:center;color:var(--muted);font-size:.84rem}
@media(max-width:780px){.back{display:none}.hero{min-height:590px;background-position:65% center}.hero:before{background:linear-gradient(90deg,rgba(252,249,253,.86) 0%,rgba(233,216,241,.6) 62%,rgba(152,116,174,.28) 100%)}.signals,.process-grid,.family-card,.assessment-choices{grid-template-columns:1fr}.process-grid,.family-card{gap:35px}.family-card{padding:36px}.hero:after{font-size:10rem}.signal{min-height:220px}.assessment-dialog{padding:27px 22px 23px}}
@media(max-width:500px){.wrap{width:min(100% - 28px,1120px)}section{padding:72px 0}.closing-card{padding:52px 24px}.hero h1{font-size:clamp(3.2rem,18vw,5rem)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.hero:after{display:none}
.brand{height:80px;overflow:visible}.brand img{top:-20px;clip-path:inset(0 7% 0 0)}nav{height:84px}
@media(max-width:780px){.brand{width:124px;height:80px;overflow:visible}.brand img{width:160px;left:-12px;top:-20px}.language{padding:2px}.language button{padding:4px 7px;font-size:.72rem}}
@media(max-width:780px){.hero h1{font-size:clamp(2.8rem,13vw,4.35rem)}.intro h2,.process h2,.family h2,.closing h2{font-size:clamp(1.85rem,8.5vw,2.65rem);line-height:1.12}.assessment-heading h2{font-size:clamp(1.7rem,7.5vw,2.3rem)}.hero p{font-size:clamp(1rem,4.6vw,1.16rem)}section{padding:76px 0}}
@media(max-width:500px){.hero h1{font-size:clamp(2.55rem,12.5vw,3.65rem)}.intro h2,.process h2,.family h2,.closing h2{font-size:clamp(1.75rem,8vw,2.3rem)}section{padding:64px 0}}

/* Jerarquia tipografica comuna */
.hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1;letter-spacing:-.045em}
.intro h2,.process h2,.family h2,.closing h2,.assessment-heading h2{font-size:clamp(1.9rem,3.5vw,2.9rem);line-height:1.1;letter-spacing:-.025em}
.signal h3{font-size:1.3rem;line-height:1.22}
@media(max-width:780px){.hero h1{font-size:clamp(2.35rem,10vw,3.2rem)}.intro h2,.process h2,.family h2,.closing h2,.assessment-heading h2{font-size:clamp(1.7rem,7vw,2.25rem)}}
.brand{width:150px;height:auto;overflow:visible;position:static;display:flex;align-items:center}.brand img{position:static;width:150px;max-width:100%;height:auto;clip-path:none}.brand:hover{transform:none}@media(max-width:780px){.brand{width:116px;height:auto}.brand img{width:116px;max-width:100%}}
section.family>.wrap>.note{display:none}

/* Mateix llenguatge visual que els qüestionaris de la pàgina inicial. */
.assessment-choices{max-width:1120px;gap:20px}.assessment-choice{min-height:auto;padding:38px;border-radius:22px;background:#fff;box-shadow:none}.assessment-choice small{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:650;margin-bottom:10px}.assessment-choice strong{font-size:1.2rem;font-weight:400;line-height:1.3}.assessment-dialog{width:min(560px,100%);padding:34px;border-radius:26px;background:#fcf9fd;color:#62596a}.assessment-close{right:18px;top:14px;width:auto;height:auto;border:0;background:none;color:#74657b;font-size:1.5rem}.assessment-dialog>.eyebrow{margin-bottom:10px}.assessment-dialog>h2{font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.35;letter-spacing:0;font-weight:400}.assessment-progress{margin:22px 0}.assessment-question{font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.35}.assessment-actions{display:flex;gap:10px;margin-top:26px}.assessment-actions button,.assessment-restart{padding:11px 22px}.assessment-result h3{font-size:clamp(1.25rem,3vw,1.65rem);font-weight:400;line-height:1.35}.assessment-note{font-size:.8rem;margin-top:20px}
@media(max-width:780px){.assessment-choice{padding:28px}.assessment-dialog{padding:34px}}