.hf-zonas .hfz-rejilla:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 10%,#0000 70%);mask-image:radial-gradient(120% 80% at 50% 0,#000 10%,#0000 70%)}.hf-zonas .hfz-sello{-webkit-user-select:none;user-select:none;pointer-events:none;color:color-mix(in srgb, var(--accent) 6%, transparent);font-weight:800;line-height:1;position:absolute}.dark .hf-zonas .hfz-sello{color:color-mix(in srgb, var(--accent) 3.5%, transparent)}.hf-zonas .hfz-mapa{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.hf-zonas .hfz-casilla{aspect-ratio:1;min-width:0;color:var(--foreground);border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;padding:5px;display:flex;position:relative;overflow:hidden}.hf-zonas .hfz-rotulo{letter-spacing:.04em;overflow-wrap:anywhere;font-size:10px;font-weight:800;line-height:1.05}.hf-zonas .hfz-cifra{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:800;line-height:1}@media (min-width:640px){.hf-zonas .hfz-mapa--grande{gap:8px}.hf-zonas .hfz-mapa--grande .hfz-casilla{border-radius:16px;padding:9px}.hf-zonas .hfz-mapa--grande .hfz-rotulo{letter-spacing:0;font-size:10.5px;line-height:1.15}.hf-zonas .hfz-mapa--grande .hfz-cifra{font-size:21px}}@media (min-width:1024px){.hf-zonas .hfz-mapa--grande .hfz-casilla{border-radius:18px;padding:10px}.hf-zonas .hfz-mapa--grande .hfz-rotulo{font-size:12px}.hf-zonas .hfz-mapa--grande .hfz-cifra{font-size:24px}}.hf-zonas .hfz-mapa--compacto{gap:4px}.hf-zonas .hfz-mapa--compacto .hfz-casilla{border-radius:10px;padding:5px}.hf-zonas .hfz-mapa--compacto .hfz-rotulo{font-size:9.5px}.hf-zonas .hfz-mapa--compacto .hfz-cifra{font-size:13px}.hf-zonas .hfz-n1{background:color-mix(in srgb, var(--accent) 9%, var(--card));border-color:color-mix(in srgb, var(--accent) 16%, transparent)}.hf-zonas .hfz-n2{background:color-mix(in srgb, var(--accent) 22%, var(--card));border-color:color-mix(in srgb, var(--accent) 26%, transparent)}.hf-zonas .hfz-n3{background:color-mix(in srgb, var(--accent) 40%, var(--card));border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.hf-zonas .hfz-n4{color:#fff;background-image:linear-gradient(140deg,#7c3aed 0%,#6427c9 55%,#54219f 100%)}.hf-zonas .hfz-vacia{border:1.5px dashed var(--border);color:var(--faint)}.hf-zonas .hfz-actual{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--foreground)}.hf-zonas .hfz-recuadro{outline:1.5px dashed color-mix(in srgb, var(--faint) 55%, transparent);outline-offset:3px;border-radius:14px}.hfz-miniatura{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;display:grid}.hfz-miniatura>i{aspect-ratio:1;border:1px solid #0000;border-radius:3.5px;display:block}.hf-zonas .hfz-mini-vacia{border-color:var(--border)}.hf-zonas .hfz-muestra{border:1px solid #0000;border-radius:4px;width:14px;height:14px;display:block}.hf-zonas .hfz-tira{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.hf-zonas .hfz-tira::-webkit-scrollbar{display:none}@media (min-width:640px){.hf-zonas .hfz-tira{-webkit-mask-image:none;mask-image:none}}