/* ==========================================================================
   OPOS Infermeria — pàgines SEO (escales, temari, test). Generat per _tools/seo/build-all.js
   Mateix sistema que la landing: Poppins + Source Sans 3, teal #0d9488 / #2dd4bf,
   hero fosc #070d12 amb retícula. Cap semàfor: resultats en teal/neutre.
   ========================================================================== */
:root{
  --bg:#f4f7f6;--surface:#fff;--surface-alt:#eef2f1;--border:#dfe7e5;--border-strong:#c9d5d2;
  --text:#0b1a2a;--text-2:#22333f;--muted:#4f6270;--faint:#8393a5;
  --brand:#0d9488;--brand-dark:#0f766e;--brand-bright:#2dd4bf;--brand-tint:#e6f7f4;
  --navy:#070d12;--navy-2:#0f1b24;--on-navy:#b9c8d1;--on-navy-dim:#8ea3af;
  --shadow:0 1px 2px rgba(11,26,42,.04),0 12px 32px rgba(11,26,42,.06);
  --r:18px;--r-md:14px;--r-sm:10px;
  --display:'Poppins',system-ui,sans-serif;--body:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
/* 11/10/2026: Safari d'iPhone no respecta overflow-x:hidden només al body (es pot desplaçar de costat); clip a html i body no crea cap contenidor de desplaçament */
@supports (overflow:clip){html,body{overflow-x:clip}}
a{color:var(--brand-dark)}
h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.2;margin:0;color:var(--text)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:820px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;z-index:50;background:#fff;padding:8px 12px;border-radius:8px}

/* Barra superior */
.sTop{background:var(--navy);color:#fff;position:relative;z-index:5;border-bottom:1px solid rgba(45,212,191,.12)}
.sTopRow{min-height:68px;display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:var(--display);font-weight:600;font-size:16px;flex-shrink:0}
.brandLogo{width:38px;height:38px;border-radius:11px;background:var(--brand);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 4px rgba(45,212,191,.16),0 8px 22px rgba(13,148,136,.4)}
.brandText{display:flex;flex-direction:column;line-height:1.05}.brandText b{font-weight:700;letter-spacing:.04em}.brandText small{font-family:var(--body);font-weight:600;font-size:12.5px;color:var(--on-navy)}
.logoPulse{stroke-dasharray:40;stroke-dashoffset:40;animation:logoDraw 4s ease-out infinite}
@keyframes logoDraw{0%{stroke-dashoffset:40;opacity:.4}20%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-40;opacity:.4}}
.sNav{display:flex;align-items:center;gap:4px;margin-left:auto}
.sNav a{color:var(--on-navy);text-decoration:none;font-weight:600;font-size:15px;padding:8px 10px;border-radius:999px}
.sNav a:hover,.sNav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.06)}
.lgSw{display:inline-flex;gap:2px;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}
.lgSw a{color:#c4d2d9;text-decoration:none;font:600 12.5px/1 var(--display);padding:7px 10px;border-radius:999px}
.lgSw a.on{background:#fff;color:var(--navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-weight:600;font-size:15px;text-decoration:none;border-radius:999px;padding:12px 20px;border:1px solid transparent;cursor:pointer;line-height:1.1;text-align:center}
.btnPrimary{background:var(--brand);color:#fff;box-shadow:0 8px 22px rgba(13,148,136,.3)}
.btnPrimary:hover{background:var(--brand-dark)}
.btnGhost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.btnGhost:hover{border-color:#fff}
.btnLight{background:#fff;color:var(--brand-dark);border-color:var(--border-strong)}
.btnSm{padding:9px 14px;font-size:14px}
.sTop .btnSm{flex-shrink:0}
@media (max-width:860px){.sNav{display:none}.lgSw{margin-left:auto}}
@media (max-width:420px){.brandText small{display:none}.sTop .btnSm{padding:8px 11px;font-size:13px}}

/* Hero fosc */
.sHero{position:relative;background:var(--navy);color:#fff;overflow:hidden;background-image:linear-gradient(rgba(45,212,191,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,191,.06) 1px,transparent 1px);background-size:36px 36px}
.sHero::after{content:"";position:absolute;right:-18%;bottom:-60%;width:70vw;height:70vw;max-width:820px;max-height:820px;border-radius:50%;background:radial-gradient(circle,rgba(13,148,136,.3),transparent 62%);pointer-events:none}
.sHeroIn{position:relative;z-index:1;padding-top:44px;padding-bottom:52px}
.crumbs{font-size:14px;color:var(--on-navy-dim);margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--on-navy);text-decoration:none}.crumbs a:hover{color:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--display);color:var(--brand-bright);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.sHero h1{color:#fff;font-size:clamp(28px,4.2vw,46px);font-weight:700;max-width:860px;margin-bottom:14px}
.sHero .lead{font-size:clamp(17px,2vw,20px);color:var(--on-navy);max-width:760px;margin:0 0 22px}
.heroCtas{display:flex;flex-wrap:wrap;gap:12px}
.heroFacts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:0;list-style:none;color:var(--on-navy);font-size:15px}
.heroFacts li{display:flex;align-items:center;gap:7px}.heroFacts svg{color:var(--brand-bright);flex-shrink:0}

/* Seccions */
main{display:block}
.sec{padding:44px 0}
.sec h2{font-size:clamp(22px,2.6vw,30px);margin-bottom:14px}
.sec h3{font-size:19px;margin:0 0 8px}
.prose p{margin:0 0 14px;color:var(--text-2)}
.prose p:last-child{margin-bottom:0}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:24px}
.grid2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:900px){.grid2{grid-template-columns:minmax(0,1fr)}}

/* Calculadora */
.calc{padding:0;overflow:hidden}
.calcHead{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border);background:var(--surface-alt)}
.calcHead svg{color:var(--brand);flex-shrink:0}
.calcHead h2{font-size:19px;margin:0}
.calcHead p{margin:2px 0 0;font-size:14.5px;color:var(--muted)}
.calcBody{padding:10px 22px 4px}
.cItem{border:0;margin:0;padding:14px 0;border-bottom:1px solid var(--border);min-width:0}
.cItem:last-of-type{border-bottom:0}
.cItem legend{font:600 16px/1.35 var(--display);color:var(--text);padding:0;margin-bottom:10px;display:flex;gap:8px;align-items:baseline;width:100%}
.cItem legend .cNum{font-size:12.5px;color:var(--brand-dark);background:var(--brand-tint);border-radius:999px;padding:2px 8px;flex-shrink:0}
.cOpts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px}
.cOpt{position:relative;display:flex;align-items:center;gap:10px;border:1px solid var(--border-strong);border-radius:12px;padding:10px 12px;cursor:pointer;background:#fff;font-size:15.5px;line-height:1.35;min-height:48px}
.cOpt input{position:absolute;opacity:0;width:1px;height:1px}
.cOpt .cBox{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#fff}
.cOpt input[type="checkbox"]+.cBox{border-radius:6px}
.cOpt .cTxt{flex:1;min-width:0}
.cOpt .cPts{font:700 14px/1 var(--display);color:var(--muted);background:var(--surface-alt);border-radius:999px;padding:5px 9px;flex-shrink:0}
.cOpt:hover{border-color:var(--brand)}
.cOpt input:focus-visible+.cBox{outline:3px solid rgba(13,148,136,.45);outline-offset:2px}
.cOpt input:checked+.cBox{border-color:var(--brand);background:var(--brand);box-shadow:inset 0 0 0 3px #fff}
.cOpt input[type="checkbox"]:checked+.cBox{box-shadow:none;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/14px no-repeat}
.cOpt:has(input:checked){border-color:var(--brand);background:var(--brand-tint)}
.cOpt:has(input:checked) .cPts{background:var(--brand);color:#fff}
.cNumRow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.cNumRow input{font:600 20px/1 var(--display);width:130px;max-width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;color:var(--text);background:#fff}
.cNumRow input:focus-visible{outline:3px solid rgba(13,148,136,.45);outline-offset:2px;border-color:var(--brand)}
.cNumRow small{color:var(--muted);font-size:14.5px}
.cOut{position:sticky;bottom:0;background:var(--navy);color:#fff;padding:16px 22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;align-items:center;border-top:1px solid rgba(45,212,191,.25)}
.cScore{font:700 34px/1 var(--display);color:var(--brand-bright);white-space:nowrap}
.cScore small{font-size:15px;color:var(--on-navy-dim);font-weight:600;margin-left:3px}
.cRes{min-width:0}
.cRes b{display:block;font:600 16.5px/1.35 var(--display);color:#fff}
.cRes p{margin:3px 0 0;font-size:14.5px;line-height:1.45;color:var(--on-navy)}
.cActs{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:6px}
.cReset{background:transparent;border:1px solid rgba(255,255,255,.28);color:#dbe6ea;border-radius:999px;font:600 13px/1 var(--display);padding:8px 13px;cursor:pointer}
.cReset:hover{border-color:#fff;color:#fff}
.cNote{font-size:14px;color:var(--muted);padding:12px 22px 18px;margin:0}
@media (max-width:560px){.calcHead,.calcBody,.cOut{padding-left:16px;padding-right:16px}.cScore{font-size:28px}.cOut{grid-template-columns:minmax(0,1fr)}.cOpt{font-size:15px}}

/* Aside, llistes i FAQ */
.side h2{font-size:20px}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.facts li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--text-2)}
.facts svg{color:var(--brand);flex-shrink:0;margin-top:2px}
.faq{display:grid;gap:10px}
.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:0}
.faq summary{cursor:pointer;list-style:none;padding:16px 18px;font:600 16.5px/1.35 var(--display);display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex-shrink:0;color:var(--brand);transition:transform .2s}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq .ans{padding:0 18px 16px;color:var(--text-2)}
.faq .ans p{margin:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.chips a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:1px solid var(--border-strong);background:#fff;border-radius:999px;padding:8px 14px;font-weight:600;font-size:15px;color:var(--text-2)}
.chips a:hover{border-color:var(--brand);color:var(--brand-dark)}

/* Hub d'escales */
.hubGroup{margin-bottom:30px}
.hubGroup h2{font-size:21px;margin-bottom:12px}
.hubGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;list-style:none;margin:0;padding:0}
.hubCard{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;text-decoration:none;color:var(--text);box-shadow:var(--shadow)}
.hubCard:hover{border-color:var(--brand)}
.hubCard b{font:600 17px/1.3 var(--display)}
.hubCard span{font-size:15px;color:var(--muted);line-height:1.45}
.hubCard em{font-style:normal;font:600 13.5px/1 var(--display);color:var(--brand-dark);margin-top:auto;padding-top:6px}

/* Temari */
.topicList{display:grid;gap:12px;list-style:none;margin:0;padding:0;counter-reset:t}
.tCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow)}
.tCard summary{cursor:pointer;list-style:none;padding:16px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 14px;align-items:center}
.tCard summary::-webkit-details-marker{display:none}
.tNum{font:700 15px/1 var(--display);color:var(--brand-dark);background:var(--brand-tint);border-radius:10px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;grid-column:1;grid-row:1 / span 2;align-self:start}
.tCard h2{font-size:18px;margin:0;grid-column:2;grid-row:1}
.tDesc{grid-column:2;grid-row:2;margin:0;font-size:15px;color:var(--muted);line-height:1.45}
.tCount{font:600 13px/1 var(--display);color:var(--muted);background:var(--surface-alt);border-radius:999px;padding:6px 10px;white-space:nowrap;grid-column:3;grid-row:1}
.tCard ol{margin:0;padding:4px 22px 18px 76px;color:var(--text-2);font-size:15.5px}
.tCard ol li{margin:5px 0}
.tCard ol li::marker{color:var(--brand-dark);font-weight:600}
@media (max-width:560px){.tCard summary{grid-template-columns:auto minmax(0,1fr)}.tCount{grid-column:2;grid-row:2;justify-self:start}.tDesc{grid-column:1/-1;grid-row:3}.tNum{grid-row:1 / span 2}.tCard ol{padding-left:38px;padding-right:16px}}

/* Blocs de característiques */
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:14px;list-style:none;margin:0;padding:0}
.feat li{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px;box-shadow:var(--shadow)}
.feat svg{color:var(--brand);margin-bottom:8px}
.feat h3{font-size:17px;margin-bottom:6px}
.feat p{margin:0;font-size:15.5px;color:var(--text-2)}
.note{font-size:14.5px;color:var(--muted);margin-top:14px}

/* CTA */
.cta{background:radial-gradient(120% 90% at 100% 0%,rgba(13,148,136,.38),rgba(13,148,136,0) 62%),var(--navy);color:#fff;border-radius:var(--r);padding:30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 26px;align-items:center}
.cta h2{color:#fff;font-size:clamp(21px,2.4vw,27px);margin-bottom:8px}
.cta p{margin:0;color:var(--on-navy)}
.cta .heroCtas{justify-content:flex-end}
@media (max-width:760px){.cta{grid-template-columns:minmax(0,1fr);padding:24px 20px}.cta .heroCtas{justify-content:flex-start}}

/* Peu */
.sFoot{background:var(--navy);color:var(--on-navy);padding:34px 0 40px;margin-top:20px;font-size:15px}
.sFootRow{display:flex;flex-wrap:wrap;gap:18px 30px;justify-content:space-between;align-items:flex-start}
.sFootLinks{display:flex;flex-wrap:wrap;gap:8px 18px;max-width:680px}
.sFootLinks a{color:var(--on-navy);text-decoration:none}.sFootLinks a:hover{color:#fff}
.sFootFine{margin:22px 0 0;font-size:13.5px;color:var(--on-navy-dim)}
@media print{.sTop,.sFoot,.cta,.cActs{display:none}.cOut{position:static}}
@media (prefers-reduced-motion:reduce){.logoPulse{animation:none;stroke-dashoffset:0}html{scroll-behavior:auto}}

/* Subescales dins d'una calculadora (Tinetti) */
.calc .cSub{font:600 14px/1.35 var(--display);color:var(--brand-dark);background:var(--brand-tint);border-radius:10px;padding:9px 12px;margin:14px 0 2px;letter-spacing:0}
.calc .cSub:first-child{margin-top:6px}

/* Test gratuït per tema */
.quiz{padding:0;overflow:hidden}
.qList{list-style:none;margin:0;padding:6px 22px 4px}
.qItem{padding:18px 0;border-bottom:1px solid var(--border)}
.qItem:last-child{border-bottom:0}
.qStem{font:600 16.5px/1.45 var(--display);color:var(--text);margin:0 0 12px;letter-spacing:-.01em}
.qNum{display:inline-block;font-size:12.5px;color:var(--brand-dark);background:var(--brand-tint);border-radius:999px;padding:2px 8px;margin-right:8px;vertical-align:2px}
.qOpts{display:grid;gap:8px}
.qOpt{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;border:1px solid var(--border-strong);border-radius:12px;padding:10px 12px;background:#fff;font:400 15.5px/1.4 var(--body);color:var(--text-2);cursor:pointer;min-height:48px}
.qOpt:hover:not(:disabled){border-color:var(--brand)}
.qOpt:focus-visible{outline:3px solid rgba(13,148,136,.45);outline-offset:2px}
.qOpt:disabled{cursor:default}
.qLet{font:700 13px/1 var(--display);width:26px;height:26px;border-radius:50%;background:var(--surface-alt);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.qTxt{flex:1;min-width:0;padding-top:2px}
.qOpt.ok{border-color:var(--brand);background:var(--brand-tint);color:var(--text)}
.qOpt.ok .qLet{background:var(--brand);color:#fff}
.qOpt.ko{border-color:#b4534a;background:#fbf1ef;color:var(--text)}
.qOpt.ko .qLet{background:#b4534a;color:#fff}
.qOpt:disabled:not(.ok):not(.ko){opacity:.62}
.qFb{margin-top:12px;border-radius:12px;background:var(--surface-alt);padding:12px 14px}
.qVerdict{display:flex;align-items:center;gap:7px;margin:0 0 6px;font:600 15px/1.35 var(--display)}
.qVerdict.isOk{color:var(--brand-dark)}.qVerdict.isKo{color:#9a3f37}
.qVerdict svg{flex-shrink:0}
.qExpl{margin:0;font-size:15.5px;line-height:1.55;color:var(--text-2)}
.qOut{position:static}
.qEnd{padding:16px 22px 20px;border-top:1px solid var(--border);background:var(--brand-tint)}
.qEnd p{margin:0 0 12px;color:var(--text-2);font-size:15.5px}
.qEndBtns{display:flex;flex-wrap:wrap;gap:10px}
.qEndBtns .btnLight{color:var(--brand-dark)}
@media (max-width:560px){.qList{padding-left:16px;padding-right:16px}.qEnd{padding-left:16px;padding-right:16px}.qStem{font-size:16px}.qOpt{font-size:15px}}
.secsHead{font-size:15px;color:var(--muted)}
.secList{margin:0 0 14px;padding-left:22px;font-size:14.5px;color:var(--text-2);line-height:1.45;columns:1}
.secList li{margin:3px 0}
.secList li::marker{color:var(--brand-dark);font-weight:600}
.tTest{margin:0;padding:0 22px 18px 76px;font-size:15px}
.tTest a{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none}
@media (max-width:560px){.tTest{padding-left:38px;padding-right:16px}}

/* Guies (build-guides.js, 04/10/2026) */
.guide{padding:28px clamp(18px,4vw,40px)}
.guide h2{font-size:clamp(21px,2.4vw,27px);margin:34px 0 12px;scroll-margin-top:16px}
.guide section:first-of-type h2{margin-top:22px}
.guide p,.guide li{color:var(--text-2)}
.guide ul,.guide ol{margin:0 0 16px;padding-left:22px}
.guide li{margin:0 0 8px}
.guide li::marker{color:var(--brand)}
.gMeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:var(--muted);margin:0 0 18px}
.gMeta svg{color:var(--brand);flex-shrink:0}
.gToc{background:var(--surface-alt);border-radius:var(--r-md);padding:16px 18px;margin:0 0 6px}
.gToc b{display:block;font-family:var(--display);font-size:15px;margin-bottom:6px}
.gToc ol{margin:0;padding-left:20px;columns:2 260px;column-gap:28px}
.gToc li{margin:0 0 4px;font-size:15.5px;break-inside:avoid}
.gToc a{text-decoration:none}.gToc a:hover{text-decoration:underline}
.gCols{columns:2 260px;column-gap:28px}
.gCols li{break-inside:avoid;font-size:15.5px}
.gNote{display:flex;gap:10px;align-items:flex-start;background:var(--brand-tint);border-radius:var(--r-md);padding:14px 16px;margin:6px 0 16px}
.gNote svg{color:var(--brand-dark);flex-shrink:0;margin-top:3px}
.gNote p{margin:0;font-size:15.5px}
.gTblWrap{overflow-x:auto;margin:6px 0 18px;border:1px solid var(--border);border-radius:var(--r-md);-webkit-overflow-scrolling:touch}
.gTable{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.gTable caption{caption-side:top;text-align:left;font-size:13.5px;color:var(--muted);padding:10px 14px 0}
.gTable th,.gTable td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid var(--border)}
.gTable thead th{font-family:var(--display);font-size:13.5px;font-weight:600;color:var(--text);background:var(--surface-alt)}
.gTable tbody th{font-weight:600;color:var(--text)}
.gTable tbody tr:last-child th,.gTable tbody tr:last-child td{border-bottom:0}
.gCta{margin:30px 0 4px;padding:18px 20px;border-radius:var(--r-md);background:var(--navy);color:#fff}
.gCta p{color:var(--on-navy);margin:0 0 12px}
.gRel{margin-top:22px}
.gRel h2{font-size:20px;margin:0 0 12px}
@media (max-width:600px){.guide{padding:20px 16px}.gTable{font-size:14px}}

/* CTA «Mira la plataforma per dins» a les pàgines de test (07/10/2026: qui ve d'un cartell la veu en entrar) */
.platCta{display:inline-flex;align-items:center;gap:12px;margin:20px 0 0;padding:10px 20px 10px 10px;border-radius:16px;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(13,148,136,.35);max-width:720px}
.platCta b{display:block;font:700 17px/1.2 Poppins,sans-serif}.platCta small{display:block;margin-top:2px;font-size:13.5px;line-height:1.3;opacity:.9}
.platCode{margin:14px 0 0;padding:9px 14px;max-width:560px;border-radius:12px;background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.42);color:#e6fffa;font-size:15px;line-height:1.45}.platCode[hidden]{display:none}.platCode b{color:#5eead4;letter-spacing:.02em}
.platCta:hover{filter:brightness(1.06)}.platPlay{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#0d9488}
.platSticky{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:99px;background:#0d9488;color:#fff;font:700 15px/1 Poppins,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 10px 28px rgba(0,0,0,.3)}
.platSticky .platPlay{width:30px;height:30px}
body:has(.platSticky) footer{padding-bottom:84px}

/* ===== Botó flotant «Mira la plataforma per dins» (08/10/2026): vidre fosc, discret, es pot tancar ===== */
.platFloat{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:4px;padding:6px 6px 6px 6px;border-radius:20px;
  background:rgba(7,13,18,.86);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(45,212,191,.28);
  box-shadow:0 18px 44px rgba(2,8,12,.35),0 1px 0 rgba(255,255,255,.06) inset;opacity:0;transform:translateY(16px);transition:opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.platFloat.on{opacity:1;transform:none}
.platFloatGo{display:flex;align-items:center;gap:12px;padding:6px 10px 6px 6px;border-radius:14px;color:#fff;text-decoration:none}
.platFloatGo:hover{background:rgba(255,255,255,.06)}
.platFloatGo .platPlay{width:38px;height:38px;background:linear-gradient(135deg,#2dd4bf,#0d9488);color:#fff;box-shadow:0 6px 16px rgba(13,148,136,.45)}
.platFloatGo b{display:block;font:700 15px/1.2 Poppins,sans-serif;color:#fff}
.platFloatGo small{display:block;margin-top:2px;font-size:12.5px;color:#9fb3bd}
.platFloatX{flex:none;width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:#8ea3af;cursor:pointer;display:grid;place-items:center}
.platFloatX:hover{background:rgba(255,255,255,.08);color:#fff}
.platFloatGo:focus-visible,.platFloatX:focus-visible{outline:2px solid #2dd4bf;outline-offset:2px}
@media (max-width:600px){.platFloat{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.platFloatGo{flex:1}}
@media (prefers-reduced-motion:reduce){.platFloat{transition:none}}
@media print{.platFloat{display:none!important}}

/* ===== Examen oficial resolt (build-exams.js) ===== */
.examRest{margin-top:22px;border:1px solid rgba(13,148,136,.25);background:linear-gradient(180deg,#f3fbf9,#fff)}
.examRest h2{margin-top:0}
.examRest.pulse{animation:exPulse 1.4s ease 1}
@keyframes exPulse{0%{box-shadow:0 0 0 0 rgba(13,148,136,.35)}100%{box-shadow:0 0 0 18px rgba(13,148,136,0)}}
.lockGrid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin:16px 0 18px;padding:0}
.lockGrid li{display:flex;align-items:center;justify-content:center;gap:4px;height:34px;border-radius:9px;background:rgba(15,23,42,.05);color:#64748b;font:600 13px/1 Poppins,sans-serif;font-variant-numeric:tabular-nums}
.lockGrid li svg{width:12px;height:12px;opacity:.7}
.examRest .heroCtas .btn svg{vertical-align:-3px}

/* Telegram «La pregunta del dia» (08/10/2026) */
.tgCard{display:flex;align-items:center;gap:14px;max-width:760px;margin:20px auto 0;padding:16px 18px;border-radius:18px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;box-shadow:var(--shadow)}
.tgCard:hover{border-color:var(--brand)}
.tgIco{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--brand);background:var(--brand-tint)}
.tgCard b{display:block;font-size:16px;line-height:1.3}.tgCard small{display:block;font-size:13.5px;color:var(--text-2);margin-top:2px;line-height:1.45}
.tgGo{margin-left:auto;flex:0 0 auto;padding:10px 14px;border-radius:12px;background:var(--brand);color:#fff;font-weight:700;font-size:14px;white-space:nowrap}
@media (max-width:560px){.tgCard{flex-wrap:wrap}.tgGo{width:100%;text-align:center;margin-left:0}}
/* 08/10/2026: altres noms de l'escala (hero), índex per àrees i etiquetes major/menor */
.aka{margin:14px 0 0;color:var(--on-navy-dim);font-size:14.5px;line-height:1.5}.aka span{color:var(--on-navy)}.aka b{color:var(--on-navy);font-weight:600}
.hubToc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.hubToc a{text-decoration:none;border:1px solid var(--border-strong);background:#fff;border-radius:999px;padding:7px 13px;font-weight:600;font-size:14px;color:var(--text-2)}
.hubToc a:hover{border-color:var(--brand);color:var(--brand-dark)}
.hubGroup{scroll-margin-top:90px}
.cOpt .cPts.cTag{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--body)}
.tScales{margin:6px 0 0;font-size:14.5px;line-height:1.6}.tScales a{white-space:nowrap}

/* Nota «En llibre» (enllaç discret al catàleg de llibres, 09/10/2026) */
.bookNote{margin-top:22px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
.bookNote p{margin:0 0 10px;font-size:15px;color:var(--text-2)}
.bookNote ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:10px}
.bookNote a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);border-radius:12px;padding:6px;transition:background .2s}
.bookNote a:hover{background:var(--surface-alt)}
.bookNote img{width:44px;height:auto;flex-shrink:0;border-radius:2px 4px 4px 2px;box-shadow:0 5px 12px rgba(11,26,42,.2)}
.bookNote b{display:block;font:600 15px/1.3 var(--display)}.bookNote small{display:block;color:var(--muted);font-size:13.5px}

/* ---------- Calculadores d'infermeria (build-calculadores.js, 09/10/2026) ---------- */
:root{--warn-bg:#fbf6e7;--warn-border:#e8d9ad;--warn-text:#4a3b12;--warn-icon:#a16207}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cFields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}
.cFields:last-child{border-bottom:0}
.cField{display:flex;flex-direction:column;gap:6px;min-width:0}
.cField[hidden],.cItem[hidden]{display:none}
.cField>span:first-child{font:600 15px/1.3 var(--display);color:var(--text)}
.cInp{display:flex;align-items:stretch;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);overflow:hidden;min-width:0}
.cInp:focus-within{outline:3px solid rgba(13,148,136,.45);outline-offset:2px;border-color:var(--brand)}
.cInp input{flex:1;min-width:0;width:100%;border:0;padding:11px 12px;font:600 18px/1.2 var(--display);color:var(--text);background:transparent;outline:none}
.cInp em{font-style:normal;font-size:14px;color:var(--muted);padding:0 12px;white-space:nowrap;background:var(--surface-alt);display:flex;align-items:center;max-width:55%;overflow:hidden;text-overflow:ellipsis}
.calcN .cOpts{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
.calcN .cScore small{display:inline-block;max-width:9em;white-space:normal;vertical-align:baseline}
.fx{font:600 15.5px/1.65 var(--display);background:var(--brand-tint);color:var(--brand-dark);border-radius:var(--r-sm);padding:12px 14px;margin:0 0 14px;overflow-wrap:anywhere}
.cBlock{margin-bottom:16px}
.steps{margin:0;padding-left:22px;color:var(--text-2)}.steps li{margin:6px 0}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ticks li{display:flex;gap:10px;align-items:flex-start;color:var(--text-2)}.ticks svg{color:var(--brand);flex-shrink:0;margin-top:4px}
.warnBox{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--warn-border);background:var(--warn-bg);color:var(--warn-text);border-radius:var(--r-md);padding:14px 16px;margin:4px 0 26px;font-size:15.5px}
.warnBox svg{color:var(--warn-icon);flex-shrink:0;margin-top:1px}.warnBox p{margin:0}
.relH{font-size:16.5px;margin:18px 0 10px}
.faq+h2{margin-top:34px}
.platLine{margin:22px 0 0;padding:14px 16px;border-left:3px solid var(--brand);background:var(--surface);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text-2);font-size:15.5px}
.refsBox{margin-top:30px}.refsBox h2{font-size:21px}
.refs{font-size:14.5px;color:var(--text-2);padding-left:22px;margin:0;overflow-wrap:anywhere}.refs li{margin:7px 0}
.vSearch{display:flex;align-items:center;gap:10px;border:1px solid var(--border-strong);border-radius:12px;padding:0 12px;margin:14px 0 6px;background:var(--surface)}
.vSearch:focus-within{outline:3px solid rgba(13,148,136,.45);outline-offset:2px;border-color:var(--brand)}
.vSearch svg{color:var(--muted);flex-shrink:0}
.vSearch input{flex:1;min-width:0;border:0;padding:12px 0;font:500 17px/1.2 var(--body);background:transparent;color:var(--text);outline:none}
.vCount{margin:0 0 8px;font-size:14px;color:var(--muted)}
.vTbl{width:100%;border-collapse:collapse;font-size:15.5px;table-layout:fixed}
.vTbl th,.vTbl td{text-align:left;vertical-align:top;padding:9px 8px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.vTbl th[scope="row"]{width:42%;font-weight:600;color:var(--text)}
.vTbl td{color:var(--text-2)}
.vTbl .vSec th{font:600 14px/1.3 var(--display);color:var(--brand-dark);background:var(--brand-tint);padding:9px 12px;border-bottom:0}
.vTbl tbody[hidden],.vTbl tr[hidden]{display:none}
.vSrc{display:inline-block;font:600 11.5px/1 var(--display);color:var(--muted);background:var(--surface-alt);border-radius:999px;padding:3px 7px;vertical-align:1px}
.vCard .calcBody{padding-bottom:14px}
@media (max-width:560px){.vTbl{font-size:14.5px}.vTbl th[scope="row"]{width:40%}}

/* ===== Pàgina per a estudiants (build-estudiants.js, 11/10/2026): targetes de llibre ===== */
.stBook{display:flex;gap:16px;align-items:flex-start;margin:16px 0;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.stCov{flex:none;display:block;width:96px;border-radius:4px;overflow:hidden;box-shadow:0 6px 16px rgba(7,13,18,.16)}
.stCov img{display:block;width:96px;height:auto}
.stBook h3{margin:0;font-size:18px;line-height:1.3}.stBook h3 a{color:var(--text);text-decoration:none}.stBook h3 a:hover{color:var(--brand-dark)}
.stBook p{margin:6px 0 0}
.stFmt{font-size:14px;color:var(--muted)}
.stPts{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:5px}
.stPts li{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.45}.stPts svg{flex:none;margin-top:3px;color:var(--brand)}
.stMore{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:600;color:var(--brand-dark)}
.gSmall{font-size:14px;color:var(--muted)}
@media (max-width:560px){.stBook{flex-direction:column}.stCov,.stCov img{width:84px}}
.prose .stPts{padding:0;margin:10px 0 0;list-style:none}.prose .stPts li{margin:0;padding:0}.prose .stPts li::before{content:none}

/* Capçalera: «Botiga» sempre visible, també al mòbil (12/10/2026) */
.sShop{display:inline-flex;align-items:center;gap:6px;color:#9ff0e3;text-decoration:none;font-weight:600;font-size:15px;padding:8px 12px;border-radius:999px;border:1px solid rgba(45,212,191,.35);white-space:nowrap}
.sShop:hover,.sShop[aria-current="page"]{color:#fff;background:rgba(45,212,191,.12)}
@media (max-width:860px){.sShop{margin-left:auto}.sShop+.lgSw{margin-left:8px}}
@media (max-width:520px){.sShop span{display:none}.sShop{padding:8px;width:38px;height:38px;justify-content:center}}

/* ===== Guia visual (build-guides.js, 13/10/2026): oposicions d'infermeria de l'ICS — blocs, línia de temps, infografia ===== */
/* Hero amb el resum «D'un cop d'ull» (heroAside) */
.sHeroSplit .sHeroIn:has(.gGlance){display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,370px);gap:28px 48px;align-items:center}
.sHeroSplit .sHeroIn:has(.gGlance) h1{font-size:clamp(28px,3.7vw,42px)}
@media (max-width:920px){.sHeroSplit .sHeroIn:has(.gGlance){grid-template-columns:minmax(0,1fr)}}
.gGlance{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02));border:1px solid rgba(45,212,191,.24);border-radius:20px;padding:18px 18px 6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
.gGlanceH{margin:0 0 4px;font:600 12.5px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-bright)}
.gGlance ul{list-style:none;margin:0;padding:0}
.gGlance li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid rgba(255,255,255,.07)}
.gGlance li:first-child{border-top:0}
.gGi{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--brand-bright);background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.22)}
.gGlance b{display:block;color:#fff;font:600 15.5px/1.3 var(--display)}
.gGlance small{display:block;margin-top:3px;color:var(--on-navy-dim);font-size:13.5px;line-height:1.4}

/* Article en blocs */
.gWideSec{padding-top:28px}
.guide.gWide{padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.guide .gBlock{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:clamp(20px,3.4vw,40px);scroll-margin-top:16px}
.gWide .gBlock>p,.gWide .gBlock>.gNote{max-width:780px}
.gHead{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.gKick{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font:700 15px/1 var(--display);color:var(--brand-dark);background:var(--brand-tint);border:1px solid rgba(13,148,136,.18);font-variant-numeric:tabular-nums}
.guide.gWide .gHead h2{margin:0;font-size:clamp(21px,2.7vw,30px)}
.guide .gIntro{padding:18px clamp(18px,3vw,28px)}
.gWide .gMeta{margin:0 0 12px}
.gWide .gToc{background:none;padding:0;margin:0}
.gWide .gToc b{font-size:14px;color:var(--muted);font-weight:600;margin-bottom:10px}
.guide.gWide .gToc ol{columns:auto;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;counter-reset:gtoc}
.guide.gWide .gToc li{margin:0;counter-increment:gtoc}
.gWide .gToc a{display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 6px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);font-weight:600;font-size:14.5px;color:var(--text-2)}
.gWide .gToc a::before{content:counter(gtoc,decimal-leading-zero);font:700 11.5px/1 var(--display);color:var(--brand-dark);background:var(--brand-tint);border-radius:999px;padding:6px 7px}
.gWide .gToc a:hover{border-color:var(--brand);color:var(--brand-dark);text-decoration:none}
.gWide .gCta{margin:0;padding:clamp(20px,3vw,30px);border-radius:22px;background-color:var(--navy);background-image:radial-gradient(120% 110% at 100% 0%,rgba(13,148,136,.38),transparent 62%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;align-items:center}
.guide.gWide .gCta p{margin:0;font:600 clamp(17px,2vw,20px)/1.35 var(--display);color:#fff}
@media (max-width:760px){.gWide .gCta{grid-template-columns:minmax(0,1fr)}}

/* Targetes amb icona */
.guide .gTiles{list-style:none;margin:18px 0;padding:0;display:grid;gap:12px}
.guide .gTiles2{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide .gTiles3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.guide .gTiles3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.guide .gTiles2,.guide .gTiles3{grid-template-columns:minmax(0,1fr)}}
.guide .gTiles li{margin:0;display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;background:var(--surface-alt);border:1px solid var(--border)}
.gTileIco{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--brand-dark);background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 12px rgba(11,26,42,.05)}
.guide .gTiles h3{font-size:16.5px;margin:2px 0 4px}
.guide .gTiles p{margin:0;font-size:15px;line-height:1.5}

/* Bloc fosc: el procés pas a pas */
.guide .gBlock.gDark{position:relative;overflow:hidden;color:#fff;border-color:rgba(45,212,191,.16);background-color:var(--navy);background-image:radial-gradient(80% 70% at 100% 0%,rgba(13,148,136,.3),transparent 62%),linear-gradient(rgba(45,212,191,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,191,.05) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}
.guide.gWide .gDark .gHead h2{color:#fff}
.gDark .gKick{color:var(--brand-bright);background:rgba(45,212,191,.12);border-color:rgba(45,212,191,.26)}
.guide .gBlock.gDark p{color:var(--on-navy)}
.guide .gFlow{list-style:none;margin:22px 0 4px;padding:0;max-width:820px}
.guide .gFlow li{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;margin:0;padding:0 0 22px}
.guide .gFlow li:last-child{padding-bottom:0}
.gFlow li::before{content:"";position:absolute;left:25px;top:58px;bottom:4px;width:2px;border-radius:2px;background:linear-gradient(rgba(45,212,191,.55),rgba(45,212,191,.1))}
.gFlow li:last-child::before{display:none}
.gFlowIco{position:relative;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:var(--brand-bright);background:rgba(45,212,191,.1);border:1px solid rgba(45,212,191,.3)}
.gFlowN{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font:700 12px/1 var(--display);color:var(--navy);background:var(--brand-bright);box-shadow:0 0 0 3px var(--navy)}
.guide .gFlow h3{color:#fff;font-size:17.5px;margin:3px 0 4px}
.guide .gBlock.gDark .gFlow p{margin:0;font-size:15.5px;line-height:1.55}
.guide .gBlock.gDark .gFlowNote{display:flex;gap:10px;align-items:flex-start;margin:20px 0 0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);font-size:15px;line-height:1.5}
.gFlowNote svg{flex:none;color:var(--brand-bright);margin-top:2px}
@media (min-width:960px){
  .guide .gBlock.gDark{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:56px;align-items:start}
  .gDark>.gHead,.gDark>p{grid-column:1}
  .gDark>.gHead{align-items:flex-start;flex-direction:column}
  .guide .gDark>.gFlow{grid-column:2;grid-row:1 / span 3;margin:0}
  .guide .gBlock.gDark>.gFlowNote{grid-column:1;grid-row:3;align-self:start}
}

/* Data de la previsió */
.gDate{display:flex;gap:20px;align-items:center;max-width:780px;margin:0 0 16px;padding:20px;border-radius:18px;background:linear-gradient(135deg,var(--brand-tint),var(--surface) 70%);border:1px solid rgba(13,148,136,.22)}
.gDateCal{flex:none;width:96px;border-radius:18px;overflow:hidden;text-align:center;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 24px rgba(11,26,42,.08)}
.gDateCal span:first-child{display:block;padding:8px 0;background:var(--brand-dark);color:#fff;font:700 13px/1 var(--display);text-transform:uppercase;letter-spacing:.08em}
.gDateCal b{display:block;padding:10px 0 2px;font:700 40px/1 var(--display);color:var(--text);letter-spacing:-.02em}
.gDateCal span:last-child{display:block;padding:0 0 10px;font-size:14px;color:var(--muted)}
.guide .gDate p{margin:0;font-size:15.5px}
.guide .gDate p.gDateK{margin:0 0 6px;font:600 12.5px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-dark)}
.guide .gDate p.gDateV{margin:0 0 8px;font:700 clamp(19px,2.4vw,24px)/1.25 var(--display);color:var(--text);letter-spacing:-.01em}
@media (max-width:480px){.gDate{flex-direction:column;align-items:flex-start;gap:14px}.gDateCal{width:84px}.gDateCal b{font-size:34px}}

/* Els 24 temes (enllaçats al test gratuït de cada tema) */
.guide .gCols{columns:auto;list-style:none;margin:16px 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px}
.guide .gCols li{margin:0;font-size:inherit}
.gCols a{display:flex;align-items:center;gap:12px;height:100%;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.gCols a:hover{border-color:var(--brand);box-shadow:0 8px 20px rgba(13,148,136,.12);transform:translateY(-1px)}
.gCols a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.gTn{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:700 13px/1 var(--display);color:var(--brand-dark);background:var(--brand-tint);font-variant-numeric:tabular-nums}
.gTt{flex:1;min-width:0}
.gTt b{display:block;font-weight:600;font-size:15px;line-height:1.3}
.gTt small{display:block;margin-top:1px;font-size:13px;color:var(--muted)}
.gCols a>svg{flex:none;color:var(--faint)}
.gCols a:hover>svg{color:var(--brand)}

/* Infografia dels exàmens oficials */
.guide .gEx{margin:18px 0 16px;padding:18px;border-radius:18px;background:linear-gradient(180deg,var(--surface-alt),var(--surface));border:1px solid var(--border)}
.gExLeg{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-2)}
.gExLeg span{display:inline-flex;align-items:center;gap:7px}
.gExLeg .sw{display:inline-block;width:14px;height:14px;border-radius:4px}
.swT{background:var(--brand-dark)}.swC{background:var(--brand-bright)}
.guide .gExList{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.guide .gExRow{margin:0;display:grid;grid-template-columns:190px minmax(0,1fr);gap:10px 22px;align-items:start;padding:16px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}
.gExYear b{display:block;font:700 28px/1 var(--display);color:var(--text);letter-spacing:-.02em}
.gExYear span{display:block;margin-top:6px;font-weight:600;font-size:14.5px;line-height:1.3;color:var(--text-2)}
.gExYear small{display:block;margin-top:3px;font-size:13.5px;color:var(--muted)}
.gExBar{display:flex;gap:3px;height:34px;padding:3px;border-radius:11px;background:var(--surface-alt);border:1px solid var(--border)}
.gExBar span{display:flex;align-items:center;min-width:0;padding:0 10px;border-radius:8px;font:700 14px/1 var(--display);font-variant-numeric:tabular-nums;overflow:hidden}
.gExT{background:var(--brand-dark);color:#fff}
.gExC{background:var(--brand-bright);color:var(--navy)}
.guide .gEx .gExSum{margin:8px 0 6px;font-size:15px;color:var(--text-2)}
.gExSum b{color:var(--text)}
.guide .gExMeta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.guide .gExMeta li{margin:0;display:inline-flex;align-items:flex-start;gap:6px;font-size:14px;line-height:1.35;color:var(--muted)}
.gExMeta svg{flex:none;color:var(--brand-dark);margin-top:1px}
.gEx figcaption{margin-top:12px;font-size:13.5px;color:var(--muted)}
@media (max-width:640px){
  .guide .gEx{padding:12px}
  .guide .gExRow{grid-template-columns:minmax(0,1fr);padding:14px}
  .gExYear{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
  .gExYear b{font-size:24px}.gExYear span{margin:0}.gExYear small{width:100%;margin:0}
}

/* Passos de la preparació */
.guide .gSteps{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.guide .gSteps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.guide .gSteps li{position:relative;overflow:hidden;margin:0;padding:18px;border-radius:16px;border:1px solid var(--border);background:var(--surface)}
.guide .gSteps li::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-bright))}
.gStepN{display:block;margin-bottom:10px;font:700 26px/1 var(--display);color:var(--brand);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.guide .gSteps h3{font-size:16.5px;margin:0 0 6px}
.guide .gSteps p{margin:0;font-size:15px;line-height:1.5}
@media (max-width:600px){
  .guide .gSteps{grid-template-columns:minmax(0,1fr);gap:8px}
  .guide .gSteps li{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px;padding:14px 16px}
  .gStepN{grid-row:1 / 3;margin:2px 0 0;font-size:22px}
}

/* Xifres de la plataforma */
.gStats{margin:22px 0 16px;padding:20px;border-radius:18px;color:#fff;background-color:var(--navy);background-image:radial-gradient(80% 120% at 100% 0%,rgba(13,148,136,.35),transparent 60%)}
.guide .gStats h3{color:#fff;font-size:17px;margin:0 0 14px}
.guide .gStats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:760px){.guide .gStats ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.guide .gStats li{margin:0;padding:14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(45,212,191,.18);color:var(--on-navy)}
.gStats b{display:block;margin-bottom:6px;font:700 clamp(23px,3vw,30px)/1.05 var(--display);color:var(--brand-bright);letter-spacing:-.02em;white-space:nowrap}
.gStats span{display:block;font-size:14px;line-height:1.4}

/* Llistes numerades de les guies (també estudiar a torns) */
.guide ol.gNum{list-style:none;padding:0;counter-reset:gnum}
.guide ol.gNum>li{position:relative;counter-increment:gnum;margin:0 0 12px;padding-left:40px}
.guide ol.gNum>li::before{content:counter(gnum);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 13.5px/1 var(--display);color:var(--brand-dark);background:var(--brand-tint)}
@media (prefers-reduced-motion:reduce){.gCols a{transition:none}.gCols a:hover{transform:none}}

/* Guia de l'examen (13/10/2026): xifres grans, xips de temes, esquema del supòsit, models */
.guide .gBig{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.guide .gBig li{margin:0;padding:18px 18px 16px;border-radius:16px;background:linear-gradient(160deg,var(--brand-tint),var(--surface) 75%);border:1px solid rgba(13,148,136,.2)}
.gBig b{display:block;font:700 clamp(30px,4vw,40px)/1 var(--display);color:var(--brand-dark);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.gBig span{display:block;margin-top:8px;font-size:14.5px;line-height:1.4;color:var(--text-2)}
@media (max-width:600px){.guide .gBig{grid-template-columns:minmax(0,1fr);gap:8px}.guide .gBig li{display:flex;align-items:baseline;gap:14px;padding:14px 16px}.gBig b{flex:none;min-width:76px;font-size:30px}.gBig span{margin:0}}
.gChips{margin:12px 0}
.guide .gChips p.gChipsH{margin:0 0 8px;font:600 13px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.guide .gChips ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.guide .gChips li{margin:0;padding:6px 12px;border-radius:999px;background:var(--surface-alt);border:1px solid var(--border);font-size:14.5px;line-height:1.35;color:var(--text-2)}
.gCase{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0;padding:16px;border-radius:18px;background:var(--surface-alt);border:1px dashed var(--border-strong)}
.gCaseBox{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 16px rgba(11,26,42,.05)}
.gCaseIco{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--brand-dark);background:var(--brand-tint)}
.gCaseBox b{display:block;font:600 15.5px/1.25 var(--display);color:var(--text)}
.gCaseBox small{display:block;margin-top:2px;font-size:13.5px;color:var(--muted)}
.gCaseArrow{color:var(--brand);display:grid;place-items:center}
.guide .gCase ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.guide .gCase li{margin:0;display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:14.5px;font-weight:600;color:var(--text-2)}
.gCase li b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:700 12px/1 var(--display);color:#fff;background:var(--brand-dark)}
@media (max-width:600px){.gCase{flex-direction:column;align-items:stretch}.gCaseArrow{transform:rotate(90deg);align-self:center}}
.gModels{display:flex;gap:8px;margin:0 0 14px}
.gModels span{display:grid;place-items:center;width:44px;height:54px;border-radius:10px;font:700 18px/1 var(--display);color:var(--brand-dark);background:var(--surface);border:1px solid var(--border-strong);box-shadow:3px 3px 0 var(--brand-tint)}
.gModels span:first-child{color:#fff;background:var(--brand-dark);border-color:var(--brand-dark)}

/* >>> 13/10/2026 nit: capçalera al mòbil sense sortir per la dreta + mòbil apaïsat a pantalla completa (safe-area) */
@supports (padding:max(0px)){.wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}
@media (max-width:520px){.sTopRow{gap:8px}.brandText{display:none}.sShop{width:36px;height:36px}.sTop .ctTop{width:38px;height:38px}.lgSw a{padding:6px 8px}}
@media (max-width:380px){.wrap{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.sTop .btnSm{padding:7px 9px;font-size:12px}.lgSw a{padding:6px 7px;font-size:12px}}
@media (max-width:340px){.sTopRow{gap:6px}.sTop .btnSm{padding:7px 8px;font-size:11.5px}.sShop{width:34px;height:34px}.sTop .ctTop{width:36px;height:36px}}
/* <<< */
/* Taules de les guies al mòbil: cada fila, una targeta (13/10/2026) */
@media (max-width:600px){
  .gTblWrap{overflow:visible;border:0;border-radius:0}
  .gTable{min-width:0;display:block}
  .gTable caption{display:block;padding:0 0 8px}
  .gTable thead{display:none}
  .gTable tbody{display:grid;gap:8px}
  .gTable tbody tr{display:block;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:12px 14px}
  .gTable tbody th,.gTable tbody td{display:block;padding:3px 0;border:0}
  .gTable tbody th{font-family:var(--display);font-size:15.5px;padding-bottom:6px}
  .gTable td[data-l]::before{content:attr(data-l);display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
}
.gTblMore{margin:0 0 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.gTblMore>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font:600 15px/1.3 var(--display);color:var(--text)}
.gTblMore>summary::-webkit-details-marker{display:none}
.gTblMore>summary svg{flex:none;color:var(--brand);transition:transform .2s}
.gTblMore[open]>summary svg{transform:rotate(45deg)}
.gTblMore .gTblWrap{margin:0 12px 12px}
@media (prefers-reduced-motion:reduce){.gTblMore>summary svg{transition:none}}
/* Guia d'estudiar a torns (13/10/2026): pla per torns en targetes i errors habituals */
.guide .gShifts{margin:16px 0}
.guide .gShifts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
@media (max-width:980px){.guide .gShifts ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.guide .gShifts ul{grid-template-columns:minmax(0,1fr)}}
.guide .gShifts li{margin:0;padding:16px;border-radius:16px;background:var(--surface-alt);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px}
.gShiftIco{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--brand-dark);background:var(--surface);border:1px solid var(--border);margin-bottom:4px}
.guide .gShifts h3{font-size:16px;margin:0}
.guide .gShifts p{margin:0;font-size:14.5px;line-height:1.45}
.guide .gShifts p b{display:block;font:600 11.5px/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.gShifts figcaption{margin-top:10px;font-size:13.5px;color:var(--muted)}
@media (max-width:640px){.guide .gShifts li{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px;row-gap:4px}.gShiftIco{grid-row:1 / 4;margin:0}}
.guide .gTilesWarn li{background:var(--surface)}
.gTilesWarn .gTileIco{color:var(--muted)}
@media (min-width:960px){.guide .gBlock.gDark>p.gAfter{grid-column:2;grid-row:4;margin-top:8px}}
/* Pàgina per a estudiants (13/10/2026): llibres en graella, pack destacat, cadenes de passos i enllaços en targetes */
.stGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;margin:16px 0}
.stGrid .stBook{margin:0;height:100%}
.stPack{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px 28px;margin:16px 0;padding:22px;border-radius:18px;color:#fff;background-color:var(--navy);background-image:radial-gradient(90% 120% at 100% 0%,rgba(13,148,136,.35),transparent 60%)}
.guide .stPack p{color:var(--on-navy);margin:0 0 12px}
.guide .stPack p.stPackK{margin:0 0 6px;font:600 12.5px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-bright)}
.guide .stPack h3{color:#fff;font-size:20px;margin:0 0 8px}
.stPack .btn svg{flex:none}
.guide .stPackList ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.guide .stPackList li{margin:0}
.stPackList a{display:block;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(45,212,191,.2);color:#fff;text-decoration:none;font-weight:600;font-size:15px}
.stPackList a:hover{border-color:var(--brand-bright)}
@media (max-width:760px){.stPack{grid-template-columns:minmax(0,1fr);padding:18px}}
.guide .gChain{list-style:none;margin:14px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px 6px;counter-reset:none}
.guide .gChain li{margin:0;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;background:var(--brand-tint);border:1px solid rgba(13,148,136,.2);font-weight:600;font-size:15px;color:var(--text)}
.gChain li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:700 12.5px/1 var(--display);color:#fff;background:var(--brand-dark)}
.guide .gChain li+li::before{content:"";width:14px;height:2px;margin-left:-14px;margin-right:2px;background:var(--brand);opacity:.5}
@media (max-width:600px){.guide .gChain{flex-direction:column;align-items:flex-start;gap:6px}.guide .gChain li+li::before{display:none}}
.guide .gLinks{list-style:none;margin:14px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px}
.guide .gLinks li{margin:0}
.gLinks a{display:flex;align-items:center;gap:12px;height:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.gLinks a:hover{border-color:var(--brand);box-shadow:0 8px 20px rgba(13,148,136,.12)}
.gLinkIco{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--brand-dark);background:var(--brand-tint)}
.gLinks a>span:nth-child(2){flex:1;min-width:0}
.gLinks b{display:block;font-weight:600;font-size:15.5px;line-height:1.3}
.gLinks small{display:block;margin-top:2px;font-size:13.5px;color:var(--muted)}
.gLinks a>svg{flex:none;color:var(--faint)}
.gLinks a:hover>svg{color:var(--brand)}
@media (prefers-reduced-motion:reduce){.gLinks a{transition:none}}
/* Temari (build-content.js, 13/10/2026): xifres, recorregut de l'apartat, cercador i targetes de tema */
.tSec{padding-top:28px}
.tStats{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tStats li{padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}
.tStats b{display:block;font:700 clamp(22px,3vw,30px)/1.05 var(--display);color:var(--brand-dark);letter-spacing:-.02em;white-space:nowrap}
.tStats span{display:block;margin-top:6px;font-size:14px;line-height:1.35;color:var(--text-2)}
@media (max-width:640px){.tStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tStats li{padding:13px 14px}}
.tIntro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px 28px;margin:0 0 18px;padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}
@media (max-width:760px){.tIntro{grid-template-columns:minmax(0,1fr);padding:20px}}
.tRoute{padding:16px;border-radius:16px;background:var(--brand-tint);border:1px solid rgba(13,148,136,.18)}
.tRouteH{margin:0 0 10px;font:600 12.5px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark)}
.tRoute ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tRoute li{display:flex;gap:12px;align-items:flex-start}
.tRoute li>span{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font:700 13px/1 var(--display);color:#fff;background:var(--brand-dark)}
.tRoute b{display:block;font:600 15px/1.3 var(--display);color:var(--text)}
.tRoute small{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--text-2)}
.tTools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}
.tSearch{flex:1 1 280px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border-strong);color:var(--muted)}
.tSearch:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(13,148,136,.15)}
.tSearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:12px 0;font:inherit;font-size:16px;color:var(--text)}
.tSearch .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tAll{flex:none;padding:11px 16px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);font:600 14.5px/1 var(--display);color:var(--text-2);cursor:pointer}
.tAll:hover,.tAll[aria-pressed="true"]{border-color:var(--brand);color:var(--brand-dark)}
.tHint{flex-basis:100%;margin:0;font-size:14px;color:var(--muted)}
.topicList>li[hidden]{display:none}
.tCard{transition:border-color .15s,box-shadow .15s}
.tCard:hover,.tCard[open]{border-color:rgba(13,148,136,.4)}
.tCard[open]{box-shadow:0 14px 34px rgba(11,26,42,.08)}
.tCard[open] .tNum{color:#fff;background:var(--brand-dark)}
.tCard summary:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:var(--r-md)}
@media (min-width:760px){.tCard ol{columns:2;column-gap:32px}.tCard ol li{break-inside:avoid}}
@media (prefers-reduced-motion:reduce){.tCard{transition:none}}

/* ===== Pàgines d'informació (build-info.js, 27/10/2026): calendari, fonts oficials, preguntes freqüents ===== */
@media (max-width:1000px){.sNav{display:none}.sShop{margin-left:auto}.sShop+.lgSw{margin-left:8px}}
.iTl{list-style:none;margin:18px 0 18px;padding:0;position:relative}
.iTl::before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--brand-bright),var(--border))}
.iTl li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:0 0 22px}
.iTl li:last-child{padding-bottom:0}
.iTlIco{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:var(--surface);border:2px solid var(--brand);color:var(--brand-dark);display:flex;align-items:center;justify-content:center}
.iTl h3{font-size:17px;margin:2px 0 6px;line-height:1.3}
.iTl p{margin:0 0 6px;font-size:15.5px}
.iTlDate{font:600 13.5px/1.3 var(--display);color:var(--brand-dark);text-transform:uppercase;letter-spacing:.04em;margin:0!important}
.iTlSrc{font-size:13.5px!important;color:var(--muted)}
.iTlNext .iTlIco{background:var(--navy);border-color:var(--navy);color:var(--brand-bright)}
.iTlNext > div{background:var(--brand-tint);border-radius:var(--r-md);padding:12px 14px}
.iSrc{list-style:none;margin:10px 0 18px;padding:0;display:grid;gap:12px}
.iSrc li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;background:var(--surface)}
.iSrcIco{width:40px;height:40px;border-radius:12px;background:var(--brand-tint);color:var(--brand-dark);display:flex;align-items:center;justify-content:center}
.iSrc h3{font-size:16.5px;margin:0 0 4px;line-height:1.3}
.iSrc p{margin:0 0 8px;font-size:15px}
.iSrc small{color:var(--muted)}
.iSrcGo{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;text-decoration:none;word-break:break-all}
.iSrcGo:hover{text-decoration:underline}
.iFaqToc small{color:var(--muted)}
@media (max-width:520px){.iTl li{grid-template-columns:38px minmax(0,1fr);gap:12px}.iTl::before{left:18px}.iTlIco{width:38px;height:38px}.iSrc li{grid-template-columns:1fr}.iSrcIco{display:none}}