/* Estil base dels materials GB2 (plantilla del curs) */

/* GB2 · plantilla de materials d'alumne — v1 (prototip S07) */
@font-face{font-family:"Atkinson";src:url(fonts/AtkinsonHyperlegible-Regular.ttf);font-weight:400}
@font-face{font-family:"Atkinson";src:url(fonts/AtkinsonHyperlegible-Bold.ttf);font-weight:700}
@font-face{font-family:"Atkinson";src:url(fonts/AtkinsonHyperlegible-Italic.ttf);font-style:italic}
@font-face{font-family:"Barlow";src:url(fonts/BarlowCondensed-SemiBold.ttf);font-weight:600}
@font-face{font-family:"Barlow";src:url(fonts/BarlowCondensed-Bold.ttf);font-weight:700}
@font-face{font-family:"Barlow";src:url(fonts/BarlowCondensed-ExtraBold.ttf);font-weight:800}

:root{--ink:#1d2731;--mut:#5b6670;--acc:#ef6a1f;--acc-l:#fdeee4;--blue:#2366a8;--blue-l:#e7f0f9;
 --yel:#f5b301;--yel-l:#fff6d6;--grn:#2c8a55;--grn-l:#e5f4ec;--line:#9aa4ad;--soft:#eef1f3}



html{font-family:"Atkinson";font-size:11pt;line-height:1.42;color:var(--ink)}
body{margin:0}
.meta-modul{string-set:modul content()}
.meta-sessio{string-set:sessio content()}
.meta{display:block;height:0;overflow:hidden;margin:0;font-size:1pt;color:transparent}
p{margin:0 0 2.2mm}
b,strong{font-weight:700}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- PORTADA ---------- */
.cover{display:flex;gap:0;margin:-15mm -14mm 0;background:var(--ink);color:#fff;min-height:58mm}
.cover .big{width:52mm;background:var(--acc);display:flex;flex-direction:column;justify-content:center;align-items:center;
 color:var(--ink)}
.cover .big .lab{font:800 13pt "Barlow";letter-spacing:.18em;text-transform:uppercase}
.cover .big .n{font:800 92pt/0.9 "Barlow";letter-spacing:-.02em}
.cover .txt{flex:1;padding:11mm 12mm 8mm 9mm;position:relative}
.cover .modul{font:700 11pt "Barlow";letter-spacing:.14em;text-transform:uppercase;color:#c9d2da}
.cover h1{font:800 34pt/1 "Barlow";margin:2.5mm 0 3mm;text-transform:uppercase;letter-spacing:.01em}
.cover .tag{display:inline-block;font:700 10pt "Barlow";letter-spacing:.12em;text-transform:uppercase;
 border:1.2pt solid #fff;border-radius:2mm;padding:.6mm 2.5mm;margin-right:2mm}
.tapebar{height:3.2mm;margin:0 -14mm 6mm;background-color:#f5b301;background-image:repeating-linear-gradient(-45deg,#f5b301 0,#f5b301 3mm,#1d2731 3mm,#1d2731 6mm)}

/* capçalera de segona part (p. ex. Maqueta) */
.part{display:flex;align-items:stretch;margin:0 0 5mm;background:var(--ink);color:#fff;border-radius:2mm;overflow:hidden;
 break-before:page}
.part .n{background:var(--acc);color:var(--ink);font:800 30pt/1 "Barlow";padding:3mm 5mm;display:flex;align-items:center}
.part .t{padding:3mm 5mm}
.part .t small{display:block;font:700 9.5pt "Barlow";letter-spacing:.14em;text-transform:uppercase;color:#c9d2da}
.part .t b{font:800 22pt/1.05 "Barlow";text-transform:uppercase}

/* Nom / Grup / Data */
.ngd{display:flex;gap:4mm;margin:0 0 5mm}
.ngd div{border-bottom:1.2pt solid var(--ink);font:700 10pt "Barlow";letter-spacing:.1em;text-transform:uppercase;
 color:var(--mut);padding:0 0 6mm}
.ngd .nom{flex:3}.ngd .grup{flex:1}.ngd .data{flex:1.3}

/* Avui faràs */
.avui{display:flex;gap:4mm;margin:0 0 5mm}
.avui .card{flex:1;border:1.3pt solid var(--ink);border-radius:2.5mm;padding:3mm 3.5mm 3mm;position:relative;break-inside:avoid}
.avui .card .k{font:800 22pt/1 "Barlow";color:var(--acc);display:block}
.avui .card .ic{position:absolute;right:3mm;top:3mm;width:9mm;height:9mm}
.avui .card .ic svg{width:9mm;height:9mm}
.avui .card p{font-size:10.3pt;line-height:1.3;margin:1.5mm 0 0;padding-right:11mm}
.avui-h{font:800 13pt "Barlow";text-transform:uppercase;letter-spacing:.08em;margin:0 0 2mm}

/* ---------- TÍTOLS ---------- */
h2{font:800 19pt/1.1 "Barlow";text-transform:uppercase;letter-spacing:.01em;margin:6mm 0 3mm;
 display:flex;align-items:center;gap:3mm;break-after:avoid}
h2>.ic{width:9mm;height:9mm;flex:none;background:var(--ink);border-radius:50%;padding:1.7mm;box-sizing:border-box;display:block}
h2>.ic svg{width:5.6mm;height:5.6mm;display:block}
h2::after{content:"";flex:1;height:1.4pt;background:var(--ink);margin-left:1mm;align-self:center}
h3{font:700 13.5pt/1.15 "Barlow";margin:4mm 0 2mm;break-after:avoid;text-transform:uppercase;letter-spacing:.03em}
.secbar{font:800 26pt/1 "Barlow";text-transform:uppercase;margin:0 0 4mm;padding:2.5mm 4mm;background:var(--soft);
 border-left:3mm solid var(--acc);break-after:avoid}

/* exercici */
.ex{margin:5mm 0 2mm;display:flex;align-items:center;gap:3mm;break-after:avoid}
.ex .b{flex:none;width:11mm;height:11mm;border-radius:2mm;background:var(--ink);color:#fff;font:800 19pt/11mm "Barlow";text-align:center}
.ex .t{font:800 16pt/1.1 "Barlow";text-transform:uppercase;letter-spacing:.01em}
.task{display:flex;gap:2.5mm;align-items:flex-start;margin:2mm 0}
.task .arrow{flex:none;font:800 13pt/1.2 "Barlow";color:var(--acc)}

/* ---------- CAIXES ---------- */
.box{border-radius:2.5mm;padding:3mm 4mm 2.5mm 4mm;margin:3mm 0 4mm;break-inside:avoid;position:relative}
.box .h{font:800 11.5pt "Barlow";letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:2mm;margin:0 0 1.5mm}
.box .h .ic{width:6.5mm;height:6.5mm}
.box p:last-child{margin-bottom:0}
.recorda{background:var(--blue-l);border-left:2.2mm solid var(--blue)}
.recorda .h{color:var(--blue)}
.compte{background:var(--yel-l);border:1.3pt solid var(--ink);padding-top:0;overflow:hidden}
.compte .h{margin:0 -4mm 2mm;padding:1.4mm 4mm;color:var(--ink);
 background:repeating-linear-gradient(-45deg,var(--yel) 0 3.2mm,#ffe58a 3.2mm 6.4mm);border-bottom:1.3pt solid var(--ink)}
.formula{background:#fff;border:1.6pt solid var(--ink)}
.formula .eq{font:800 17pt "Barlow";text-align:center;background:var(--acc-l);border-radius:1.5mm;padding:2mm;margin:1mm 0 2.5mm;letter-spacing:.01em}
.material{background:var(--soft);border:1.3pt dashed var(--ink)}
.stop{background:#fff;border:1.8pt solid var(--ink);display:flex;gap:4mm;align-items:center}
.stop .sign{flex:none;width:18mm;height:18mm}
.extra{border:1.3pt dotted var(--ink);background:#fff}
.exemple{background:var(--soft);border-left:2.2mm solid var(--mut)}
.exemple .h{color:var(--mut)}
.duo{display:flex;gap:4mm;break-inside:avoid;margin:3mm 0 4mm}
.duo .box{flex:1;margin:0}
.lliure{background:var(--grn-l);border-left:2.2mm solid var(--grn)}
.lliure .h{color:var(--grn)}
.complir{background:var(--acc-l);border-left:2.2mm solid var(--acc)}
.complir .h{color:#b34a0e}
.chip{display:inline-block;font:800 9pt "Barlow";letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:#fff;
 border-radius:1.2mm;padding:.5mm 2mm;vertical-align:2pt;margin-left:2mm}
.chip.light{background:#fff;color:var(--ink);border:1pt solid var(--ink)}

/* ---------- PASSOS ---------- */
.steps{list-style:none;padding:0;margin:2mm 0 3mm;counter-reset:s var(--start,0)}
.steps li{counter-increment:s;display:flex;gap:4mm;margin:0 0 3mm;break-inside:avoid;align-items:flex-start}
.steps li::before{content:counter(s);flex:none;width:10mm;height:10mm;border-radius:50%;background:var(--acc);color:var(--ink);
 font:800 17pt/10mm "Barlow";text-align:center}
.steps li .c{flex:1;padding-top:.6mm}
.steps li .c b.lead{display:block;font:700 12.5pt "Barlow";text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5mm}
.bloc{border:1.3pt solid var(--ink);border-radius:2.5mm;padding:0 4mm 1mm;margin:3mm 0 4mm}
.bloc>.bh{margin:0 -4mm 3mm;padding:2mm 4mm;background:var(--ink);color:#fff;border-radius:1.5mm 1.5mm 0 0;display:flex;gap:3mm;align-items:baseline}
.bloc>.bh b{font:800 15pt "Barlow";text-transform:uppercase}
.bloc>.bh span{font:600 10.5pt "Barlow";letter-spacing:.06em;color:#c9d2da}

/* ---------- LLISTES ---------- */
ul.dots{list-style:none;padding:0;margin:1mm 0 3mm}
ul.dots li{position:relative;padding-left:6mm;margin:0 0 1.6mm}
ul.dots li::before{content:"";position:absolute;left:.5mm;top:1.7mm;width:2.4mm;height:2.4mm;background:var(--acc);border-radius:.5mm}
ul.check{list-style:none;padding:0;margin:1mm 0 2mm}
ul.check li{position:relative;padding-left:8.5mm;margin:0 0 2.4mm;break-inside:avoid}
ul.check li::before{content:"";position:absolute;left:0;top:.3mm;width:5mm;height:5mm;border:1.5pt solid var(--ink);border-radius:1mm;background:#fff;box-sizing:border-box}

/* ---------- TAULES ---------- */
table.t{width:100%;border-collapse:collapse;margin:2mm 0 3mm;break-inside:avoid;font-size:10.5pt}
table.t th{background:var(--ink);color:#fff;font:700 11.5pt/1.15 "Barlow";letter-spacing:.02em;
 text-align:left;padding:2mm 2.5mm;vertical-align:bottom}
table.t td{border:1pt solid var(--line);padding:1.8mm 2.5mm;vertical-align:middle;height:9mm}
table.t tr td:first-child{font-weight:700}
table.t td.given{background:var(--soft);font-variant-numeric:tabular-nums}
table.t td.fill{background:#fff}
table.t tr.total td{border-top:2pt solid var(--ink);font-weight:700;background:var(--acc-l)}
table.t.tall td{height:15mm}
table.t.compact td{height:7.5mm;padding-top:1mm;padding-bottom:1mm}
table.t .c{text-align:center}

/* ---------- ESPAIS PER ESCRIURE ---------- */
.lines{margin:2mm 0 4mm;break-inside:avoid}
.lines i{display:block;height:9mm;border-bottom:1pt solid var(--line)}
.calc{border:1pt solid var(--line);border-radius:2mm;margin:2mm 0 4mm;position:relative;break-inside:avoid;
 background-image:radial-gradient(circle,#b7bfc6 .45pt,transparent .6pt);background-size:5mm 5mm;background-position:2.5mm 2.5mm}
.calc .lab{position:absolute;left:3mm;top:2mm;font:700 9pt "Barlow";letter-spacing:.12em;text-transform:uppercase;color:var(--mut);background:#fff;padding:0 1.5mm}
.blank{display:inline-block;border-bottom:1.2pt solid var(--ink);min-width:32mm;height:5mm;vertical-align:-1mm}
.resultat{display:flex;gap:6mm;margin:0 0 4mm;break-inside:avoid;flex:none}
.resultat div{flex:1;border:1.3pt solid var(--ink);border-radius:2mm;padding:2mm 3mm;font:700 10.5pt "Barlow";text-transform:uppercase;letter-spacing:.06em}
.resultat div span{display:block;height:7mm}

/* ---------- FIGURES ---------- */
figure{margin:2mm 0 3mm;break-inside:avoid;text-align:center}
figure svg{max-width:100%}
figcaption{font-size:9pt;color:var(--mut);margin-top:1mm}
.row{display:flex;gap:5mm;align-items:center;break-inside:avoid}
.row>.grow{flex:1}
.signa{display:flex;gap:6mm;margin:4mm 0;font:700 10pt "Barlow";text-transform:uppercase;letter-spacing:.06em;break-inside:avoid}
.signa div{flex:1;border-bottom:1.2pt solid var(--ink);padding-bottom:6mm}
.pb{break-before:page}
.keep{break-inside:avoid}
.muted{color:var(--mut)}