@layer ficha {

@scope (.cos-ficha) {
:scope { --realce: var(--il-lila); }
.pg { height: 100%; display: grid; gap: 4mm; }
.pg-m1 { grid-template-rows: minmax(0, 78fr) minmax(0, 128fr); }
.pg-m2 { grid-template-rows: minmax(0, 112fr) minmax(0, 134fr); }
.pg .ex-cos { display: grid; grid-template-columns: minmax(0, 1fr); }


.fons-m { height: 100%; aspect-ratio: auto; border-radius: var(--radi); overflow: hidden; }
.escala-m { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: end; gap: 2.5mm; padding: 0 3mm 2mm; }
.model-m { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 26mm; background: var(--realce); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); }
.model-m .lletra-gran { font-size: 13mm; }
.grau-m { display: grid; align-items: start; justify-items: center; padding: 2mm 0 0; border-radius: 3mm 3mm 0 0; background: var(--il-blanc); }
.grau-m .lletra-gran { font-size: 14mm; }
.g1 { height: 26mm; }
.g2 { height: 34mm; }
.g3 { height: 42mm; }
.g4 { height: 50mm; }
.g5 { height: 58mm; }


.excursio { display: grid; grid-template-columns: minmax(0, 1fr) 38mm; gap: 5mm; min-height: 0; }
.serp { display: grid; grid-template-columns: minmax(0, 1fr) 9mm minmax(0, 1fr) 9mm minmax(0, 1fr) 9mm minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) 9mm minmax(0, 1fr) 9mm minmax(0, 1fr); gap: 0 1mm; min-height: 0; }
.peu-m { display: grid; place-items: center; padding: 0; margin: 0 0 1mm; border-radius: var(--radi); background: var(--il-sorra); min-height: 0; }
.peu-m .lletra-gran { font-size: 13mm; }
.fl { display: grid; place-items: center; font-size: 8mm; font-weight: 800; line-height: 1; color: var(--tinta); }
.c1 { grid-area: 1 / 1; } .c2 { grid-area: 1 / 2; } .c3 { grid-area: 1 / 3; } .c4 { grid-area: 1 / 4; } .c5 { grid-area: 1 / 5; } .c6 { grid-area: 1 / 6; } .c7 { grid-area: 1 / 7; }
.gir-d { grid-area: 2 / 7; }
.gir-e { grid-area: 4 / 1; }
.r1 { grid-area: 3 / 1; } .r2 { grid-area: 3 / 2; } .r3 { grid-area: 3 / 3; } .r4 { grid-area: 3 / 4; } .r5 { grid-area: 3 / 5; } .r6 { grid-area: 3 / 6; } .r7 { grid-area: 3 / 7; }
.t1 { grid-area: 5 / 1; } .t2 { grid-area: 5 / 2; } .t3 { grid-area: 5 / 3; } .t4 { grid-area: 5 / 4; } .t5 { grid-area: 5 / 5; } .t6 { grid-area: 5 / 6; } .t7 { grid-area: 5 / 7; }
.cabra-m { border-radius: var(--radi); }
.grau-m.on, .peu-m.on, .q-m.on { background: var(--acento); color: var(--paper); }


.graella-m { display: grid; grid-template-columns: minmax(0, 1fr) 38mm; gap: 5mm; min-height: 0; }
.quadricula-m { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr)); gap: 3mm; padding: 3mm; background: var(--il-herba); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); min-height: 0; }
.q-m { display: grid; place-items: center; padding: 0; border-radius: 4mm; background: var(--il-blanc); min-height: 0; }
.q-m .lletra-gran { font-size: 13mm; }
.marmota-m { border-radius: var(--radi); }


.cami-m { display: grid; grid-template-columns: 40mm minmax(0, 1fr); gap: 4mm; min-height: 0; }
.nen-m { border-radius: var(--radi); }
.gran-m { display: grid; grid-template-rows: minmax(0, 1fr) 26mm; gap: 3mm; min-height: 0; }
.punts-m > svg { width: 100%; height: 100%; min-height: 0; }
.punts-m { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); padding: 3mm; border: var(--gruix) dashed var(--realce); border-radius: var(--radi); min-height: 0; }
.fil-m { fill: none; stroke: var(--il-contorn); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 0.1 6.5; }
.dues-m { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4mm; min-height: 0; }
.casella-m { background: var(--paper); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); background-image: repeating-linear-gradient(90deg, var(--il-gris) 0 2mm, transparent 2mm 3.5mm); background-size: 100% 1px; background-position: 0 50%; background-repeat: no-repeat; min-height: 0; }

}
}