/* Camí v3.5 · «Avui on surto?» */
.td-page{display:grid;gap:18px}
.td-nav{position:relative}
.td-nav .td-new,.td-option .td-new{margin-left:auto;font:800 9px Manrope,sans-serif;letter-spacing:.6px;background:#f6c983;color:#5a3410;border-radius:5px;padding:3px 6px}
.sidebar nav a.td-nav{background:linear-gradient(90deg,#fff4e3,#fbf7ee);color:#7a4a17;border:1px solid #f1dcb9;font-weight:700}
.sidebar nav a.td-nav.active{background:#7a4a17;color:#fff3df;border-color:#7a4a17}
.sidebar nav a.td-nav.active .td-new{background:#fff3df;color:#7a4a17}

.td-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 250px;gap:20px;align-items:center;padding:30px 34px;border-radius:24px;color:#fff;
 background:radial-gradient(ellipse at 85% 10%,#f6c98355,transparent 55%),radial-gradient(ellipse at 10% 120%,#9fcf6a40,transparent 60%),linear-gradient(130deg,#1f3d33 0%,#244f43 45%,#5b3d22 120%)}
.td-eyebrow{display:inline-flex;align-items:center;gap:8px;font:800 11px Manrope,sans-serif;letter-spacing:1.4px;color:#f6c983}
.td-eyebrow .icon{width:18px;height:18px}
.td-hero h1{font:800 clamp(26px,3vw,40px)/1.08 Manrope,sans-serif;letter-spacing:-1.2px;margin:12px 0 10px;max-width:760px}
.td-hero h1 em{font-style:normal;color:#f6c983}
.td-hero p{color:#d8e5dc;max-width:640px;line-height:1.6;font-size:14px}
.td-hero-orbit{position:relative;width:220px;height:220px;justify-self:center;border-radius:50%;border:1px dashed #ffffff40}
.td-hero-orbit::before{content:"";position:absolute;inset:34px;border-radius:50%;border:1px solid #ffffff26}
.td-hero-orbit>b{position:absolute;inset:72px;border-radius:50%;display:grid;place-items:center;background:#f6c983;color:#4b2c0e;box-shadow:0 0 0 10px #f6c98322,0 12px 40px #0006}
.td-hero-orbit>b .icon{width:38px;height:38px}
.td-hero-orbit span{position:absolute;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;backdrop-filter:blur(4px);border:1px solid #ffffff33;color:#fff}
.td-hero-orbit span .icon{width:21px;height:21px}
.td-hero-orbit .o1{top:-12px;left:88px}.td-hero-orbit .o2{right:-12px;top:88px}.td-hero-orbit .o3{bottom:-12px;left:88px}.td-hero-orbit .o4{left:-12px;top:88px}
@media(prefers-reduced-motion:no-preference){.td-hero-orbit{animation:td-spin 60s linear infinite}.td-hero-orbit span,.td-hero-orbit>b{animation:td-spin 60s linear infinite reverse}}
@keyframes td-spin{to{transform:rotate(360deg)}}

.td-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px 22px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:18px}
.td-field>span{display:block;font:700 11px Manrope,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#6c786f;margin-bottom:8px}
.td-chips{display:flex;flex-wrap:wrap;gap:6px}
.td-chips .chip{cursor:pointer}

.td-formcard{display:grid;grid-template-columns:150px 1fr 1.25fr;gap:24px;align-items:center;padding:20px 24px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.td-formcard.risc{background:linear-gradient(90deg,#fdeee8,#fff 55%)}.td-formcard.productiu{background:linear-gradient(90deg,#fff5e6,#fff 55%)}.td-formcard.fresc{background:linear-gradient(90deg,#eaf5de,#fff 55%)}
.td-gauge{position:relative;text-align:center}
.td-gauge svg{width:140px;display:block;margin:auto}
.td-gauge path{fill:none;stroke-width:11;stroke-linecap:round}.td-gauge .bg{stroke:#eef1ea}.td-gauge .fg{stroke:#d5794d}
.td-formcard.fresc .td-gauge .fg,.td-formcard.neutre .td-gauge .fg{stroke:#6aa34a}.td-formcard.productiu .td-gauge .fg{stroke:#e0a243}.td-formcard.transicio .td-gauge .fg{stroke:#7aa0c4}.td-formcard.nodata .td-gauge .fg{stroke:#b9c2b5}
.td-gauge b{position:absolute;left:0;right:0;top:34px;font:800 26px Manrope,sans-serif;color:var(--green)}
.td-gauge small{display:block;margin-top:-4px;font-size:11px;color:#7a847c}
.td-kicker{display:block;font:800 10px Manrope,sans-serif;letter-spacing:1.2px;color:#8b958c;margin-bottom:5px}
.td-formcopy h2{font:800 24px Manrope,sans-serif;letter-spacing:-.6px;color:var(--green)}
.td-formcopy p,.td-intensity p{color:#5f6b63;line-height:1.55;font-size:13px;margin-top:4px}
.td-intensity{padding-left:22px;border-left:1px solid var(--line)}
.td-intensity h3{font:800 17px Manrope,sans-serif;color:#7a4a17}
.td-targets{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.td-targets span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f6f1e7;color:#5a3d1c;font:700 12px 'DM Sans',sans-serif}
.td-targets .icon{width:15px;height:15px}

.td-loading{padding:28px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.td-loading h2{font:800 20px Manrope,sans-serif;color:var(--green);margin-bottom:14px}
.td-loading ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.td-loading li{display:flex;align-items:center;gap:10px;font-size:14px;color:#3d4c42}
.td-loading li .icon{width:20px;height:20px;color:#6aa34a}.td-loading li.warn .icon{color:#d5794d}
.td-loading li small{margin-left:auto;color:#7a847c}
.td-spin{width:16px;height:16px;margin:2px;border-radius:50%;border:2px solid #cfd8c8;border-top-color:var(--green);animation:td-spin .8s linear infinite;display:inline-block}

.td-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
@media(max-width:1280px){.td-results{grid-template-columns:repeat(2,minmax(0,1fr))}.td-card.first{grid-column:1/-1}}
@media(max-width:900px){.td-results{grid-template-columns:1fr}}
.td-card{position:relative;display:grid;gap:14px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 24px #1f3d330a}
@media(prefers-reduced-motion:no-preference){.td-card{animation:ux-enter .35s var(--d,0ms) both}}
.td-card.first{border:2px solid #f1c27a;box-shadow:0 14px 40px #7a4a171a;background:linear-gradient(180deg,#fffaf1,#fff 120px)}
.td-rank{font:800 10px Manrope,sans-serif;letter-spacing:1.3px;color:#8b958c}.td-card.first .td-rank{color:#a2620f}
.td-card-head{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}
.td-thumb{width:64px;height:64px;border-radius:14px;background:#f2f5ee;border:1px solid #e3e9dd}
.td-thumb path{fill:none;stroke:#d5794d;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.td-card-title h3{font:800 17px/1.2 Manrope,sans-serif;color:var(--green);letter-spacing:-.3px}
.td-card-title p{display:flex;align-items:center;gap:4px;font-size:12px;color:#7a847c;margin-top:3px}
.td-card-title p .icon{width:14px;height:14px}
.td-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.td-tags span{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#4d5b52;background:#f3f6f0;border-radius:6px;padding:3px 7px}
.td-tags .icon{width:13px;height:13px}
.td-score{--c:#6aa34a;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--c) calc(var(--v)*1%),#eef1ea 0);position:relative}
.td-score::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}
.td-score b,.td-score small{position:relative}.td-score b{font:800 18px/1 Manrope,sans-serif;color:var(--green)}.td-score small{font-size:9.5px;color:#8b958c}
.td-score.fair{--c:#e0a243}.td-score.poor{--c:#d5794d}
.td-when{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:#f5f8f2}
.td-when small{display:block;font-size:10.5px;color:#7a847c;text-transform:uppercase;letter-spacing:.6px}
.td-when b{font:800 15px Manrope,sans-serif;color:var(--green)}
.td-when>i{flex:0 0 24px;height:2px;background:repeating-linear-gradient(90deg,#9fb39a 0 4px,transparent 4px 8px)}
.td-dur{margin-left:auto;font:700 12px 'DM Sans',sans-serif;background:#fff;border-radius:999px;padding:5px 10px;color:#3d4c42}
.td-wx{display:flex;align-items:center;gap:6px}.td-wx .icon{width:18px;height:18px;color:#4f7aa3}.td-wx b{font-size:14px}.td-wx small{text-transform:none;letter-spacing:0}
.td-reasons{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.td-reasons li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:13px;line-height:1.45;color:#3d4c42}
.td-reasons .icon{width:17px;height:17px;margin-top:1px}
.td-reasons .good .icon{color:#5e9a3e}.td-reasons .bad .icon{color:#d5794d}.td-reasons .info .icon{color:#9aa79c}
.td-kit>div{display:flex;flex-wrap:wrap;gap:6px}
.td-kit span:not(.td-kicker){font-size:12px;padding:5px 9px;border-radius:8px;background:#eef4fa;color:#2f5170}
.td-people>div{display:flex;flex-wrap:wrap;gap:8px}
.td-people.empty{display:flex;gap:8px;font-size:12.5px;color:#6c786f;background:#f7f8f5;border-radius:12px;padding:10px 12px}
.td-person{display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:5px 10px 5px 5px;border-radius:999px;background:#f5f7f2;border:1px solid #e6ebe1}
.td-person img,.td-person i{grid-row:1/3;width:30px;height:30px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font:800 12px Manrope,sans-serif;font-style:normal;color:#2c4a3c}
.td-person b{font-size:12px;color:var(--green)}.td-person small{font-size:10.5px;color:#7a847c}
.td-person.fit{background:#ecf6e3;border-color:#c9e2b4}.td-person.fit small{color:#3f7a2a}.td-person.nofit{opacity:.7}
.td-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:4px;border-top:1px solid var(--line);padding-top:14px}
.td-actions .button{font-size:12px}
.td-actions .text-button{margin-left:auto;font-size:12px}
.td-notes{display:grid;gap:6px}.td-notes p{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#6c786f}
.td-why{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.td-why summary{cursor:pointer;font:800 14px Manrope,sans-serif;color:var(--green)}.td-why summary small{font:500 12px 'DM Sans',sans-serif;color:#7a847c;margin-left:6px}
.td-why ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.td-why li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:13px;padding:8px 0;border-top:1px solid #f0f2ec}
.td-why li span{font-weight:700;color:#5f6b63}.td-why li small{grid-column:1/-1;color:#7a847c}
.td-none{display:grid;justify-items:center;text-align:center;gap:10px;padding:40px 20px;background:#fff;border:1px dashed #d6dfd0;border-radius:18px}
.td-none>.icon{width:34px;height:34px;color:#9fb39a}.td-none h2{font:800 20px Manrope,sans-serif;color:var(--green)}.td-none p{color:#6c786f;max-width:520px}
.td-none>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.td-foot{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#7a847c}
.td-teaser{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:14px 18px;border-radius:16px;background:linear-gradient(100deg,#fff4e3,#fbfaf4 60%);border:1px solid #f1dcb9;color:#5a3d1c;transition:transform .15s,box-shadow .15s}
.td-teaser:hover{transform:translateY(-1px);box-shadow:0 8px 24px #7a4a1714}
.td-teaser>.icon:first-child{width:30px;height:30px;color:#a2620f;flex-shrink:0}
.td-teaser b{display:block;font:800 15px Manrope,sans-serif;color:#7a4a17}.td-teaser small{font-size:12.5px;color:#7b6448}
.td-teaser em{margin-left:auto;font:800 9.5px Manrope,sans-serif;font-style:normal;letter-spacing:.6px;background:#f6c983;color:#5a3410;border-radius:5px;padding:3px 6px}
.td-teaser>.icon:last-child{color:#a2620f}

@media(max-width:900px){.td-hero{grid-template-columns:1fr;padding:24px}.td-hero-orbit{display:none}.td-formcard{grid-template-columns:1fr;gap:14px}.td-intensity{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:14px}.td-gauge{display:flex;align-items:center;gap:14px;text-align:left}.td-gauge svg{width:110px;margin:0}.td-gauge b{left:0;width:110px;text-align:center;top:26px;font-size:22px}}
@media(max-width:680px){.td-form{padding:16px}.td-hero h1{font-size:26px}.td-card{padding:16px}.td-actions .button{flex:1 1 auto;justify-content:center}.td-actions .text-button{margin:0 auto}.td-teaser small{display:none}}
.sidebar nav a.td-nav{white-space:nowrap}
.sidebar nav a.td-nav .td-new{padding:2px 5px}
.td-hint{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#eef2f8;color:#2f4460;font-size:13px}
.td-hint>.icon{width:22px;height:22px;color:#4f6f9a;flex-shrink:0}.td-hint .button{margin-left:auto;white-space:nowrap}
@media(max-width:680px){.td-hint{flex-wrap:wrap}.td-hint .button{margin-left:0}}
@media(max-width:680px){
 .sidebar nav a.td-nav{background:none;border:0;color:#737e76;font-weight:550;white-space:normal;position:relative}
 .sidebar nav a.td-nav.active{background:#fff4e3;color:#7a4a17}
 .sidebar nav a.td-nav .td-new{position:absolute;top:6px;right:calc(50% - 22px);width:8px;height:8px;padding:0;border-radius:50%;font-size:0;background:#e0a243}
 .td-gauge small{align-self:flex-end;margin-bottom:8px}
}
.td-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
@media(min-width:681px){.sidebar nav a.td-nav .td-new{font-size:0;width:8px;height:8px;padding:0;border-radius:50%;background:#e0a243;flex-shrink:0}.sidebar nav a.td-nav{gap:10px}}
@media(min-width:681px){.sidebar nav a.td-nav{font-size:12.5px;letter-spacing:-.15px;padding-left:12px;padding-right:10px}}