@layer ficha {

@scope (.cos-ficha) {
:scope { --realce: var(--il-taronja); }
.pg { height: 100%; display: grid; gap: 4mm; }
.pg-a { grid-template-rows: minmax(0, 47fr) minmax(0, 159fr); }
.pg-b { grid-template-rows: minmax(0, 125fr) minmax(0, 68fr) minmax(0, 52fr); }
.pg .ex-cos { display: grid; grid-template-columns: minmax(0, 1fr); }


.tira { display: grid; grid-template-columns: 32mm minmax(0, 1fr); gap: 4mm; min-height: 0; }
.model-e { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1mm; background: var(--realce); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); padding: 1mm; }
.model-gran { font-size: 20mm; }
.cartes-e { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.targeta-e { display: grid; place-items: center; padding: 0; border-radius: var(--radi); min-height: 0; }
.targeta-e .lletra-gran { font-size: 16mm; }


.botiga { grid-template-columns: minmax(0, 1fr) 48mm; }
.prestatges { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(5, minmax(0, 1fr)); gap: 0 3mm; padding: 1mm 2mm; background: var(--il-sorra); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); min-height: 0; }
.caixa-b { display: grid; place-items: center; padding: 0; margin: 2.5mm 0 3mm; border-radius: 3mm; border-bottom: 3mm solid var(--il-marro); min-height: 0; }
.caixa-b .lletra-gran { font-size: 13mm; }
.caixa-b .petita { font-size: 8mm; }
.caixa-b .gruixuda { font-size: 17mm; font-weight: 800; }
.mussol { border: var(--gruix) dashed var(--realce); border-radius: var(--radi); }
.girada { display: inline-block; transform: scaleX(-1); }


.mirall { grid-template-columns: 38mm minmax(0, 1fr); }
.files-e { display: grid; grid-template-rows: repeat(4, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.fila-e { display: grid; grid-template-columns: 22mm 6mm repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 3mm; background: var(--il-cel); border-radius: var(--radi); padding: 1.5mm 3mm; min-height: 0; }
.fila-model { display: grid; place-items: center; font-size: 12mm; background: var(--realce); border: var(--gruix) solid var(--il-contorn); border-radius: 3mm; }
.fletxa-e { 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-e .tria { flex-direction: column; justify-content: center; gap: 1mm; background: var(--paper); border: var(--gruix) solid var(--il-contorn); border-radius: 3mm; min-height: 0; }
.fila-e .tria .lletra-gran { font-size: 11mm; }
.fila-e .tria span { display: grid; place-items: center; }


.mides { grid-template-columns: 38mm minmax(0, 1fr); }
.escala-e { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.pas-e { display: grid; grid-template-rows: minmax(0, 1fr) auto; justify-items: center; align-items: center; gap: 2mm; padding: 2mm; background: var(--il-herba); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); min-height: 0; }
.pas-e .ordre { min-width: 11mm; height: 11mm; background: var(--paper); }
.m1 { font-size: 9mm; }
.m2 { font-size: 15mm; }
.m3 { font-size: 22mm; }
.m4 { font-size: 30mm; }
.pas-e .lletra-gran { line-height: 1; }


.escriure { grid-template-columns: 38mm minmax(0, 1fr); }
.pautes-e { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 4mm; min-height: 0; }
.pauta-e { --h: 100%; display: flex; align-items: center; gap: 8mm; height: 100%; padding: 0 4mm; background-color: var(--paper); }
.pauta-e .model { font-size: 13mm; }
.nena-e, .nena-m, .gegant { border-radius: var(--radi); }

}
}