@layer ficha {

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


.equipatge { display: grid; grid-template-columns: 90mm minmax(0, 1fr); gap: 5mm; min-height: 0; }
.etiquetes { display: grid; grid-template-rows: repeat(5, minmax(0, 1fr)); gap: 3mm; min-height: 0; }
.etiqueta-m { display: grid; place-items: center; padding: 0 0 0 14mm; min-height: 0; border-radius: 3mm 8mm 8mm 3mm; background: radial-gradient(circle at 9mm 50%, var(--paper) 0 2.6mm, var(--il-contorn) 2.8mm 3.6mm, transparent 3.8mm), linear-gradient(var(--il-sorra), var(--il-sorra)); }
.etiqueta-m .lletra-gran { font-size: 15mm; }
.etiqueta-m.on { background: var(--acento); color: var(--paper); }
.dreta-eq { display: grid; grid-template-rows: 62mm minmax(0, 1fr); gap: 4mm; min-height: 0; }
.targeta-set { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2mm; background: var(--realce); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); }
.targeta-set .lletra-gran { font-size: 30mm; }
.maleta-s { border-radius: var(--radi); }


.cintes-ex { display: grid; grid-template-columns: minmax(0, 1fr) 30mm; gap: 4mm; min-height: 0; }
.dues-cintes { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 4mm; min-height: 0; }
.cinta-s { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); padding: 1.5mm 2mm; background: var(--il-cel); border: var(--gruix) solid var(--il-contorn); border-radius: 3mm; min-height: 0; }
.cs { display: grid; place-items: center; padding: 0; margin: 0; min-height: 0; border: 0; border-right: 1px dashed var(--il-contorn); border-radius: 0; background: transparent; }
.cs:last-child { border-right: 0; }
.cs .lletra-gran { font-size: 9mm; }
.cs.on { background: var(--acento); color: var(--paper); }
.ocell-r { border-radius: var(--radi); }


.cel-estels { display: grid; grid-template-columns: minmax(0, 1fr) 40mm; gap: 5mm; min-height: 0; }
.vent { position: relative; min-height: 0; background: var(--il-cel); border: var(--gruix) solid var(--il-contorn); border-radius: var(--radi); }
.estel { position: absolute; width: 20mm; height: 34mm; margin: 0 0 0 -10mm; padding: 0; border: 0; border-radius: 0; background: transparent; }
.estel svg { width: 100%; height: 100%; }
.cos-estel { fill: var(--il-groc); stroke: var(--il-contorn); stroke-width: 3; stroke-linejoin: round; }
.creu-estel { fill: none; stroke: var(--il-contorn); stroke-width: 2; }
.cordill-e { fill: none; stroke: var(--il-contorn); stroke-width: 2.5; stroke-linecap: round; }
.estel.on .cos-estel { fill: var(--acento); }
.estel.on text { fill: var(--paper); }
.e1 { left: 14%; top: 2%; } .e2 { left: 38%; top: 5%; } .e3 { left: 62%; top: 1%; } .e4 { left: 86%; top: 4%; }
.e5 { left: 26%; top: 37%; } .e6 { left: 50%; top: 34%; } .e7 { left: 74%; top: 38%; }
.e8 { left: 20%; top: 69%; } .e9 { left: 50%; top: 72%; } .e10 { left: 80%; top: 68%; }
.nen-e { border-radius: var(--radi); }


.escriure-7 { display: grid; grid-template-columns: 38mm minmax(0, 1fr); gap: 4mm; min-height: 0; }
.nena-7 { border-radius: var(--radi); }
.set-gran { display: grid; grid-template-rows: minmax(0, 1fr) 26mm; gap: 3mm; min-height: 0; }
.punts-7 > svg { width: 100%; height: 100%; min-height: 0; }
.punts-7 { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); padding: 3mm; border: var(--gruix) dashed var(--il-verd); border-radius: var(--radi); min-height: 0; }
.fil-7 { fill: none; stroke: var(--il-contorn); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 0.1 6.5; }
.dues-7 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4mm; min-height: 0; }
.casella-7 { 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; }

}
}