@layer ficha {

@scope (.cos-ficha) {
:scope { --realce: var(--il-verd); }
.pg { height: 100%; display: grid; gap: 4mm; }
.pg-tenda { grid-template-rows: minmax(0, 118fr) minmax(0, 88fr); }
.pg-estels-a { grid-template-rows: minmax(0, 132fr) minmax(0, 114fr); }
.pg .ex-cos { display: grid; grid-template-columns: minmax(0, 1fr); }

.punts-lletra { fill: none; stroke: var(--il-contorn); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 0.1 7; }
.inici-p { fill: var(--il-verd-fosc); stroke: var(--il-contorn); stroke-width: 1.5; }


.tres-tendes { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 3mm; min-height: 0; }
.camp-b { aspect-ratio: 7 / 1; border-radius: var(--radi); }
.caixes-a { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5mm; min-height: 0; }
.caixa-puntejada { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); padding: 3mm; min-height: 0; background: linear-gradient(var(--il-gris), var(--il-gris)) 0 12% / 100% 1px no-repeat, linear-gradient(var(--il-gris), var(--il-gris)) 0 88% / 100% 1px no-repeat, var(--paper); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); border-bottom: 3mm solid var(--il-verd-fosc); }
.caixa-puntejada > svg { width: 100%; height: 100%; min-height: 0; }


.copia-a { display: grid; grid-template-columns: 38mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.os-t { border-radius: var(--radi); }
.dues-caselles-a { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5mm; min-height: 0; }
.casella-pauta { background: linear-gradient(var(--il-gris), var(--il-gris)) 0 18% / 100% 1px no-repeat, repeating-linear-gradient(90deg, var(--il-gris) 0 2mm, transparent 2mm 3.5mm) 0 50% / 100% 1px no-repeat, linear-gradient(var(--il-contorn), var(--il-contorn)) 0 82% / 100% 1.5px no-repeat, var(--paper); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); min-height: 0; }


.cel-nit { display: grid; grid-template-columns: 38mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.gat-n { border-radius: var(--radi); }
.firmament { position: relative; min-height: 0; background: var(--il-blau-fosc); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); }
.estel-b { position: absolute; width: 19mm; height: 19mm; margin: -9.5mm 0 0 -9.5mm; display: grid; place-items: center; padding: 0; border-radius: 50%; background: var(--il-groc); }
.estel-b .lletra-gran { font-size: 11mm; }
.estel-b.on { background: var(--acento); color: var(--paper); }
.e1 { left: 12%; top: 12%; } .e2 { left: 33%; top: 9%; } .e3 { left: 55%; top: 14%; } .e4 { left: 77%; top: 10%; } .e5 { left: 88%; top: 33%; }
.e6 { left: 20%; top: 34%; } .e7 { left: 44%; top: 37%; } .e8 { left: 67%; top: 40%; }
.e9 { left: 11%; top: 62%; } .e10 { left: 31%; top: 66%; } .e11 { left: 53%; top: 66%; } .e12 { left: 75%; top: 66%; } .e13 { left: 86%; top: 88%; } .e14 { left: 64%; top: 89%; }
.e15 { left: 42%; top: 89%; } .e16 { left: 20%; top: 88%; }


.pautes-a-ex { display: grid; grid-template-columns: 38mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.nena-aa { border-radius: var(--radi); }
.tres-pautes { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 4mm; min-height: 0; }
.pauta-aa { --h: 100%; display: flex; align-items: center; height: 100%; padding: 0 4mm; background-color: var(--paper); }
.pauta-aa .model { font-size: 16mm; }

}
}