@layer ficha {

@scope (.cos-ficha) {
:scope { --realce: var(--il-rosa); }
.pg { height: 100%; display: grid; gap: 4mm; }
.pg-collar { grid-template-rows: minmax(0, 110fr) minmax(0, 96fr); }
.pg-collars-2 { grid-template-rows: minmax(0, 126fr) minmax(0, 120fr); }
.pg .ex-cos { display: grid; grid-template-columns: minmax(0, 1fr); }
.fig { width: 100%; height: 100%; }
.fig polygon { fill: none; stroke: var(--il-contorn); stroke-width: 5; stroke-linejoin: round; }


.collar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5mm; align-items: center; padding: 0 5mm; min-height: 0; background: linear-gradient(var(--il-contorn), var(--il-contorn)) 0 50% / 100% 1.5mm no-repeat; }
.compta { display: grid; place-items: center; aspect-ratio: 1; max-height: 100%; justify-self: center; width: 100%; background: var(--il-rosa); border: var(--gruix) solid var(--il-contorn); border-radius: 50%; min-height: 0; }
.compta .lletra-gran { font-size: 14mm; }
.compta .fig { width: 14mm; height: 14mm; }
.compta.buida { background: var(--il-blanc); border-style: dashed; }
.compta .r { width: 100%; height: 100%; border-radius: 50%; min-height: 0; max-height: 100%; }


.dos-collars { display: grid; grid-template-columns: 38mm minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 4mm 5mm; min-height: 0; }
.nena-c { grid-row: 1 / 3; border-radius: var(--radi); }
.model-c .compta { background: var(--il-rosa); }
.copia-c { background: linear-gradient(var(--il-gris), var(--il-gris)) 0 50% / 100% 1.5mm no-repeat; }


.unir-comptes { display: grid; grid-template-columns: 38mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.ocell-cm { border-radius: var(--radi); }
.bloc-unir { display: grid; grid-template-rows: minmax(0, 1fr) 7mm 1fr 7mm minmax(0, 1fr); min-height: 0; }
.petit-c .compta { background: var(--il-groc); }
.punts-fila { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); justify-items: center; align-items: center; gap: 5mm; padding: 0 5mm; }
.buit-unir { min-height: 0; }


.triar-collar { display: grid; grid-template-columns: 38mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.gat-cj { border-radius: var(--radi); }
.quatre-collars { display: grid; grid-template-rows: repeat(4, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.quatre-collars .tria { display: grid; grid-template-columns: 9mm minmax(0, 1fr); align-items: center; gap: 4mm; padding: 2mm 4mm; background: var(--il-cel); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); min-height: 0; }
.quatre-collars .tria input { width: 8mm; height: 8mm; }
.fil-comptes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4mm; height: 100%; background: linear-gradient(var(--il-contorn), var(--il-contorn)) 0 50% / 100% 1px no-repeat; }
.fil-comptes i { display: grid; place-items: center; font-style: normal; aspect-ratio: 1; max-height: 100%; justify-self: center; background: var(--il-rosa); border: var(--gruix) solid var(--il-contorn); border-radius: 50%; min-height: 0; }
.fil-comptes .lletra-gran { font-size: 9mm; }
.fil-comptes .fig { width: 9mm; height: 9mm; }


.falta-c { display: grid; grid-template-columns: 38mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.nen-tc { border-radius: var(--radi); }
.dos-falta-c { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 5mm; min-height: 0; }
.mig-c { background: var(--il-sorra) linear-gradient(var(--il-contorn), var(--il-contorn)) 0 50% / 100% 1.5mm no-repeat; border-radius: var(--radi); }

}
}