@layer ficha {

@scope (.cos-ficha) {
:scope { --realce: var(--il-herba); }
.pg { height: 100%; display: grid; gap: 4mm; }
.pg-os { grid-template-rows: minmax(0, 104fr) minmax(0, 102fr); }
.pg-mides { grid-template-rows: minmax(0, 118fr) minmax(0, 128fr); }
.pg .ex-cos { display: grid; grid-template-columns: minmax(0, 1fr); }


.gran-petita { display: grid; grid-template-columns: minmax(0, 1fr) 38mm; gap: 5mm; min-height: 0; }
.os-g { border-radius: var(--radi); }
.tres-o { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.fila-o { display: grid; grid-template-columns: 24mm 6mm repeat(4, minmax(0, 1fr)); gap: 2.5mm; padding: 2mm 3mm; background: var(--il-sorra); border-radius: var(--radi); min-height: 0; }
.model-o { display: grid; place-items: center; font-size: 15mm; background: var(--realce); border: var(--gruix) solid var(--il-contorn); border-radius: 3mm; }
.fl-o { align-self: center; justify-self: center; width: 0; height: 0; border-top: 3mm solid transparent; border-bottom: 3mm solid transparent; border-left: 5mm solid var(--il-contorn); }
.fila-o .tria { flex-direction: column; justify-content: center; gap: 1mm; background: var(--paper); border: var(--gruix) solid var(--il-contorn); border-radius: 50%; min-height: 0; }
.fila-o .tria span { display: grid; place-items: center; }
.fila-o .tria .lletra-gran { font-size: 11mm; }


.dinar-ex { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 3mm; min-height: 0; }
.taula-b { aspect-ratio: 7 / 1; border-radius: var(--radi); }
.plats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 4mm; padding: 4mm 6mm; background: var(--il-marro); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); min-height: 0; }
.plat { display: grid; place-items: center; padding: 0; min-height: 0; border-radius: 50%; border: 2mm double var(--il-contorn); background: var(--il-blanc); }
.plat .lletra-gran { font-size: 14mm; }
.plat.on { background: var(--acento); color: var(--paper); }


.escala-o-ex { display: grid; grid-template-columns: 40mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.nius-o { border-radius: var(--radi); }
.cartes-mides { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.pas-o { display: grid; grid-template-rows: minmax(0, 1fr) auto; justify-items: center; align-items: center; gap: 2mm; padding: 2mm; background: var(--il-cel); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); min-height: 0; }
.pas-o .ordre { min-width: 11mm; height: 11mm; background: var(--paper); }
.pas-o .lletra-gran { line-height: 1; }
.m-o1 { font-size: 8mm; }
.m-o2 { font-size: 16mm; }
.m-o3 { font-size: 22mm; }
.m-o4 { font-size: 34mm; }


.escriure-oo { display: grid; grid-template-columns: 40mm minmax(0, 1fr); gap: 4mm; min-height: 0; }
.nen-oo { border-radius: var(--radi); }
.dues-pautes-o { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 4mm; min-height: 0; }
.pauta-o { --h: 100%; display: flex; align-items: center; gap: 6mm; height: 100%; padding: 0 4mm; background-color: var(--paper); }
.pauta-o .model { font-size: 16mm; }
.buit-o { width: 16mm; height: 60%; border: 1px dashed var(--il-gris); border-radius: 2mm; }

}
}