@layer ficha {

@scope (.cos-ficha) {
:scope { --realce: var(--il-groc); }
.pg { height: 100%; display: grid; gap: 4mm; }
.pg-mare { grid-template-rows: minmax(0, 112fr) minmax(0, 94fr); }
.pg-taula-a { grid-template-rows: minmax(0, 136fr) minmax(0, 110fr); }
.pg .ex-cos { display: grid; grid-template-columns: minmax(0, 1fr); }


.mare-ex { display: grid; grid-template-columns: 40mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.ansa-r { border-radius: var(--radi); }
.tres-files-a { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.fila-a { display: grid; grid-template-columns: 26mm 6mm repeat(4, minmax(0, 1fr)); gap: 2.5mm; padding: 2mm 3mm; background: var(--il-cel); border-radius: var(--radi); min-height: 0; }
.model-a { display: grid; place-items: center; font-size: 20mm; background: var(--realce); border: var(--gruix) solid var(--il-contorn); border-radius: 3mm; }
.fl-a { 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-a .tria { flex-direction: column; justify-content: center; gap: 1mm; background: var(--paper); border: var(--gruix) solid var(--il-contorn); border-radius: 8mm; min-height: 0; }
.fila-a .tria span { display: grid; place-items: center; }
.fila-a .tria .lletra-gran { font-size: 10mm; }


.cuina-ex { display: grid; grid-template-columns: minmax(0, 1fr) 40mm; gap: 5mm; min-height: 0; }
.prestatgeria { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 2mm; padding: 2mm 4mm; background: var(--il-sorra); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); min-height: 0; }
.prestatge { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3mm; padding: 0 2mm; border-bottom: 3mm solid var(--il-marro); min-height: 0; }
.pot { display: grid; place-items: center; padding: 0; margin: 2mm 0 0; min-height: 0; border-radius: 3mm 3mm 6mm 6mm; border-top: 4mm solid var(--il-vermell); background: var(--il-blanc); }
.pot .lletra-gran { font-size: 11mm; }
.pot.on { background: var(--acento); color: var(--paper); }
.rata-r { border-radius: var(--radi); }


.duplet-ex { display: grid; grid-template-columns: 42mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.nen-g { border-radius: var(--radi); }
.taula-a { display: grid; grid-template-rows: repeat(6, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.fila-d { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 24mm; gap: 3mm; padding: 1.5mm 3mm; background: var(--il-herba); border-radius: var(--radi); min-height: 0; }
.cel-d { display: grid; place-items: center; font-size: 12mm; background: var(--il-blanc); border: var(--gruix) solid var(--il-contorn); border-radius: 3mm; }
.fila-d .tria { justify-content: center; background: var(--paper); border: var(--gruix) solid var(--il-contorn); border-radius: 3mm; min-height: 0; }
.fila-d .tria input { width: 9mm; height: 9mm; }
.cr-a { display: none; }


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

}
}