@layer ficha {

@scope (.cos-ficha) {
:scope { --realce: var(--il-taronja); }
.pg { height: 100%; display: grid; gap: 4mm; }
.pg-cinta { grid-template-rows: minmax(0, 110fr) minmax(0, 96fr); }
.pg-errors { grid-template-rows: minmax(0, 130fr) minmax(0, 116fr); }
.pg .ex-cos { display: grid; grid-template-columns: minmax(0, 1fr); }
.fig { width: 100%; height: 100%; }
.fig circle, .fig rect { fill: none; stroke: var(--il-contorn); stroke-width: 5; }


.cinta-m { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4mm; align-items: end; padding: 0 3mm 4mm; min-height: 0; border-bottom: 4mm solid var(--il-contorn); position: relative; background: transparent; }
.etq-m { position: absolute; left: 0; top: 0; }
.maleta, .maleta-b { display: grid; place-items: center; height: 100%; min-height: 0; background: var(--il-taronja); border: var(--gruix) solid var(--il-contorn); border-radius: 4mm; border-top: 5mm solid var(--il-marro); }
.maleta-b { padding: 0; }
.maleta .lletra-gran, .maleta-b .lletra-gran { font-size: 14mm; }
.maleta .fig, .maleta-b .fig { width: 13mm; height: 13mm; }
.maleta.buida { background: var(--il-blanc); border-style: dashed; border-top-style: solid; }
.maleta-b.on { background: var(--acento); color: var(--paper); }
.maleta .r { width: 100%; height: 100%; max-height: 100%; min-height: 0; border-radius: 3mm; }
.model-m { padding-top: 10mm; }
.fletxa-m { position: absolute; left: 1mm; top: 0; font-size: 8mm; font-weight: 800; line-height: 1; }
.buida-m { padding-top: 10mm; }
.sel-m .maleta-b .lletra-gran { font-size: 9mm; line-height: 1; }
.sel-m .maleta-b .fig { width: 9mm; height: 9mm; }
.sel-m .maleta-b { border-top-width: 3mm; }


.dues-cintes { display: grid; grid-template-columns: 38mm minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 4mm 5mm; min-height: 0; }
.gos-m { grid-row: 1 / 3; border-radius: var(--radi); }


.posicions { display: grid; grid-template-columns: 38mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.avio-m { border-radius: var(--radi); }
.tres-cintes { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.demana { display: grid; grid-template-columns: 24mm minmax(0, 1fr); gap: 4mm; align-items: center; min-height: 0; background: var(--il-sorra); padding: 2mm 3mm; border-radius: var(--radi); }
.demana .etiqueta { justify-self: center; }
.sel-m { height: 100%; }


.errors-ex { display: grid; grid-template-columns: 38mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.lupa-m { border-radius: var(--radi); }
.copies { display: grid; grid-template-rows: repeat(4, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.cinta-m.petita { padding-left: 24mm; padding-top: 0; }
.cinta-m.petita .etq-m { top: 50%; transform: translateY(-50%); }
.cinta-m.petita .maleta .lletra-gran, .cinta-m.petita .maleta-b .lletra-gran { font-size: 11mm; }


.falta-m { display: grid; grid-template-columns: 38mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.nena-ma { border-radius: var(--radi); }
.dues-falta-m { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 6mm; min-height: 0; }

}
}