.afinador{--af-cuerpo:#4d5057;--af-cuerpo-alto:#62666d;--af-cuerpo-bajo:#3b3e44;--af-falda:#26282d;--af-canto:#ffffff38;--af-hueco:#17181b;--af-tinta:#f5f4f0;--af-tinta-2:#c9cace;--af-tinta-3:#9b9da2;--af-grano-opacidad:.22;--af-lcd:#cfd4bd;--af-lcd-alto:#dde2cd;--af-lcd-bajo:#b3b9a2;--af-lcd-tinta:#1d2318;--af-lcd-tinta-2:#4a5342;--af-lcd-verde:#10603a;--af-verde:#46b356;--af-rojo:#d93a2b;--af-ambar:#f29f05;--af-placa:#e6e6e2;--af-placa-tinta:#1b1c1e;--af-placa-tinta-2:#4b4d51;--af-placa-borde:#1b1c1e29;--af-grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.28 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.afinador__banco{background:radial-gradient(120% 90% at 50% 0,#ffffffb3,#0000 60%),linear-gradient(#eeece6,#e2dfd8);border-radius:26px;margin-top:1.75rem;padding:clamp(14px,2.4vw,26px);position:relative;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #1b1c1e12,0 24px 50px -34px #28241e8c}.equipo{isolation:isolate;color:var(--af-tinta);background:linear-gradient(168deg, #6b6f77 0%, var(--af-cuerpo) 32%, #454850 72%, var(--af-cuerpo-bajo) 100%);box-shadow:inset 0 1px 0 var(--af-canto), inset 0 0 0 1px #00000059, inset 0 -16px 22px -18px #0000008c, 0 2px 3px #14120e47, 0 26px 44px -26px #14120e73;border-radius:20px 20px 15px 15px;margin-bottom:11px;padding:clamp(14px,2.2vw,20px) clamp(14px,2.4vw,22px) clamp(18px,2.6vw,22px);position:relative}.equipo:before{content:"";z-index:0;border-radius:inherit;background-image:var(--af-grano);opacity:var(--af-grano-opacidad);mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.equipo:after{content:"";z-index:-1;background:linear-gradient(180deg, #4a4d54 0%, #35383d 34%, var(--af-falda) 100%);border-radius:0 0 15px 15px;height:18px;position:absolute;inset:auto 3px -11px;box-shadow:inset 0 1px #ffffff29,inset 0 -2px #00000073,0 16px 26px -16px #14120eb3}.equipo__cara{z-index:1;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"placa lamparas""pantalla pantalla""mandos mandos";gap:10px 12px;padding:8px 6px 0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #00000073,0 1px #ffffff0d}.equipo__placa{grid-area:placa;align-items:baseline;gap:8px;min-width:0;display:flex}.equipo__marca{font-family:var(--font-jakarta), ui-sans-serif, system-ui, sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#ffffff80;text-shadow:0 -1px #000000bf,0 1px #ffffff17;font-size:11px;font-weight:600}.equipo__modelo{letter-spacing:.16em;text-transform:uppercase;color:#ffffff6b;white-space:nowrap;text-shadow:0 -1px #0009;font-size:9px}.lamparas{grid-area:lamparas;align-items:center;gap:14px;padding-right:2px;display:flex}.lampara{color:#ffffff57;text-shadow:0 -1px #0009;flex-direction:column;align-items:center;gap:3px;font-size:11px;line-height:1;display:inline-flex}.lampara__luz{background:#2a2b2d;border-radius:999px;width:9px;height:9px;transition:background .14s linear,box-shadow .14s linear;position:relative;box-shadow:inset 0 1px 1px #000c,inset 0 -1px #ffffff12,0 0 0 1px #00000073}.lampara__luz:after{content:"";pointer-events:none;border-radius:999px;position:absolute;inset:-3px;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -1px 1px #0000008c,0 0 0 1px #00000080}.equipo[data-estado=bajo] .lampara[data-lampara=bajo] .lampara__luz,.equipo[data-estado=alto] .lampara[data-lampara=alto] .lampara__luz,.equipo[data-estado=en-tono] .lampara[data-lampara=tono] .lampara__luz{background:radial-gradient(circle at 34% 28%, #fff 0%, #fff6 26%, var(--af-luz,var(--af-rojo)) 58%);box-shadow:0 0 5px 1px color-mix(in oklab, var(--af-luz,var(--af-rojo)) 62%, transparent), 0 0 14px 3px color-mix(in oklab, var(--af-luz,var(--af-rojo)) 22%, transparent), inset 0 0 0 .5px #ffffff73}.equipo[data-estado=bajo] .lampara[data-lampara=bajo],.equipo[data-estado=alto] .lampara[data-lampara=alto]{color:#f0b9b2;--af-luz:var(--af-rojo)}.equipo[data-estado=en-tono] .lampara[data-lampara=tono]{color:#bfe8c4;--af-luz:var(--af-verde)}.pantalla{background:linear-gradient(#1b1d20,#24262a 55%,#2a2c30);border-radius:9px;grid-area:pantalla;padding:8px;position:relative;box-shadow:inset 0 2px 5px #000c,inset 0 -1px #ffffff12,0 1px #ffffff0d}.pantalla__cristal{color:var(--af-lcd-tinta);background:linear-gradient(180deg, var(--af-lcd-alto), var(--af-lcd) 46%, var(--af-lcd-bajo));border-radius:4px;padding:clamp(9px,1.6vw,13px) clamp(10px,1.8vw,15px) clamp(7px,1.2vw,10px);position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000047,inset 0 0 0 1px #0000004d}.pantalla__cristal:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000000b 0 1px,#0000 1px 3px);position:absolute;inset:0}.pantalla__cristal:after{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(118deg,#ffffff57 0%,#ffffff0f 28%,#0000 46%);position:absolute;inset:0}.equipo[data-encendido=no] .pantalla__cristal{filter:saturate(.35)brightness(.96)}.equipo[data-encendido=no] .escala__marcas,.equipo[data-encendido=no] .escala__cero,.equipo[data-encendido=no] .escala__numeros{opacity:.55}.pantalla__cinta{letter-spacing:.11em;text-transform:uppercase;color:var(--af-lcd-tinta-2);justify-content:space-between;align-items:baseline;gap:10px;font-family:ui-monospace,SF Mono,Roboto Mono,Menlo,monospace;font-size:9.5px;font-weight:600;display:flex}.pantalla__tema{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pantalla__cal{font-variant-numeric:tabular-nums;white-space:nowrap}.pantalla__lectura{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.pantalla__nota{color:var(--af-lcd-tinta);transition:color .16s linear;display:block}.pantalla__puntos{filter:drop-shadow(0 0 .5px #1d231880);width:auto;max-width:100%;height:clamp(30px,7vw,40px);display:block}.pantalla__nota[data-tono=si]{color:var(--af-lcd-verde)}.pantalla__nota[data-silencio=si]{color:color-mix(in oklab, var(--af-lcd-tinta) 58%, transparent)}.pantalla__puntos--estado{height:10px}.pantalla__nota--idle{flex-direction:column;flex:auto;justify-content:center;align-items:flex-start;gap:5px;min-width:0;display:flex}.pantalla__nota.pantalla__nota--idle .pantalla__puntos--idle{max-width:100%;height:clamp(12px,3.15vw,18px)}.pantalla__puntos--detalle{height:10px}.pantalla__estado{letter-spacing:.14em;text-transform:uppercase;text-align:right;color:var(--af-lcd-tinta-2);justify-content:flex-end;font-size:10px;font-weight:700;transition:color .16s linear;display:flex}.pantalla__detalle{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--af-lcd-tinta-2);margin-top:2px;font-family:ui-monospace,SF Mono,Roboto Mono,Menlo,monospace;font-size:10.5px;display:flex}.escala{height:46px;margin-top:6px;position:relative}.escala__marcas{width:100%;height:30px;position:absolute;inset:0;overflow:visible}.escala__cero{background:color-mix(in oklab, var(--af-lcd-tinta) 42%, transparent);width:1px;position:absolute;top:0;bottom:12px;left:50%;transform:translate(-.5px)}.escala__aguja{background:linear-gradient(#2a3226,#10160e);border-radius:999px;height:24px;transition:left .11s cubic-bezier(.2,.7,.2,1);position:absolute;top:2px;box-shadow:0 0 0 .5px #ffffff59}.escala__aguja[data-tono=si]{background:linear-gradient(#1d6b41,#0c3a21)}.escala__aguja[data-vacia=si]{opacity:0}.escala__numeros{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--af-lcd-tinta-2);justify-content:space-between;font-family:ui-monospace,SF Mono,Roboto Mono,Menlo,monospace;font-size:8.5px;display:flex;position:absolute;inset:auto 0 0}.pantalla__pie{letter-spacing:.1em;text-transform:uppercase;color:var(--af-lcd-tinta-2);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:10px;margin-top:3px;font-family:ui-monospace,SF Mono,Roboto Mono,Menlo,monospace;font-size:9.5px;font-weight:600;display:flex}.pantalla__pie:empty{display:none}.mandos{grid-area:mandos;justify-content:space-between;align-items:center;gap:10px;padding:12px 0 0;display:flex}.perillas{align-items:flex-start;gap:clamp(10px,3.4vw,20px);display:flex}.perilla{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.perilla[data-inactiva=si]{opacity:.55}.perilla__rotulo{letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;text-shadow:0 -1px #0000008c;font-size:8px;font-weight:700}.perilla__mando{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;place-items:center;width:clamp(58px,15vw,66px);height:clamp(58px,15vw,66px);display:grid;position:relative}.perilla[data-tamano=grande]{gap:7px}.perilla[data-tamano=grande] .perilla__mando{width:clamp(112px,29vw,130px);height:clamp(112px,29vw,130px)}.perilla[data-tamano=medio] .perilla__mando{width:clamp(76px,19vw,92px);height:clamp(76px,19vw,92px)}.perilla[data-iconos=si] .perilla__cuerpo{width:56%;height:56%}.perilla__icono[data-marcado=si] path{filter:drop-shadow(0 0 2px #f2b64d8c)}.perilla__mando[data-girando=si]{cursor:grabbing}.perilla__mando:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.perilla[data-inactiva=si] .perilla__mando{cursor:default}.perilla__aros{color:#ffffff57;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.perilla[data-iconos=si] .perilla__aros{color:#ffffffb8}.perilla__cuerpo{background:radial-gradient(circle at 34% 24%,#7b7f86 0%,#53565d 38%,#3a3d43 72%,#2b2e33 100%);border-radius:999px;width:76%;height:76%;position:relative;box-shadow:inset 0 1px #ffffff4d,inset 0 -4px 6px #0000008c,inset 0 3px 5px #ffffff0f,0 1px #00000073,0 5px 8px -3px #000000a6}.perilla__cuerpo:before{content:"";pointer-events:none;background:repeating-conic-gradient(#ffffff21 0deg 1.6deg,#0000 1.6deg 5deg);border-radius:999px;position:absolute;inset:-3px;-webkit-mask:radial-gradient(circle,#0000 60%,#000 62%);mask:radial-gradient(circle,#0000 60%,#000 62%)}.perilla__aguja{transform:rotate(var(--giro,0deg));transition:transform 90ms ease-out;position:absolute;inset:0}.perilla__aguja:before{content:"";background:linear-gradient(#fdfcf8,#d3d5d0);border-radius:2px;width:2.5px;height:42%;margin-left:-1.25px;position:absolute;top:3%;left:50%;box-shadow:0 0 2px #0000008c}.perilla__aguja:after{content:"";background:radial-gradient(circle at 38% 34%,#6e727a,#3d4046 70%);border-radius:999px;width:22%;height:22%;margin:-11% 0 0 -11%;position:absolute;top:50%;left:50%;box-shadow:inset 0 1px #ffffff38}.perilla__valor{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;color:#fffc;max-width:96px;font-size:8.5px;overflow:hidden}.mandos__detalle{letter-spacing:.06em;color:#ffffff85;text-align:center;text-shadow:0 -1px #00000080;flex:auto;min-width:0;padding:0 8px;font-size:9px;display:none}@media (min-width:640px){.mandos__detalle{display:block}}.tecla__rotulo{letter-spacing:.15em;text-transform:uppercase;color:#ffffff8f;text-shadow:0 -1px #0009;padding-left:2px;font-size:8.5px;font-weight:600}@media (prefers-reduced-motion:reduce){.perilla__aguja{transition:none}}.tecla__grupo{flex-direction:column;gap:5px;min-width:0;display:flex}.tecla__grupo--energia{align-items:center;margin-left:auto}.tecla{width:100%;min-height:34px;font:inherit;letter-spacing:.02em;color:var(--af-tinta);cursor:pointer;background:linear-gradient(#4a4d53,#3a3d43 58%,#33363b);border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:11.5px;transition:transform 70ms ease-out,box-shadow 70ms ease-out,background .12s linear;display:flex;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000073,0 1px #00000080,0 2px 3px -1px #0000008c}.tecla:hover{background:linear-gradient(#54575e,#42454b 58%,#3a3d42)}.tecla:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff0f}.tecla:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.tecla--energia{color:#f6cfc8;background:linear-gradient(#a83229,#851f18 62%,#6b1711);border-radius:5px;justify-content:center;width:52px;min-height:34px;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000080,0 1px #0009,0 2px 3px -1px #0000008c}.tecla--energia:hover{background:linear-gradient(#b53a30,#8f241c 62%,#751a13)}.equipo[data-encendido=si] .tecla--energia{box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000080,inset 0 0 6px #ff786459,0 1px #0009}.tecla__simbolo{flex:none;width:22px;height:22px;display:block}.equipo__estado{letter-spacing:.13em;text-transform:uppercase;color:#fff9;justify-content:flex-end;align-items:center;gap:6px;min-height:14px;margin-top:6px;font-size:9px;display:flex}.equipo__estado .lampara__luz{width:6px;height:6px}.equipo[data-encendido=si] .equipo__estado .lampara__luz{background:radial-gradient(circle at 34% 28%, #fff, var(--af-verde) 55%);box-shadow:0 0 5px 1px #46b35699}.grilla{display:none}.equipo__indicacion{text-align:center;letter-spacing:.01em;color:#6f7275;margin:16px 4px 0;font-size:12px}.placa{color:var(--af-placa-tinta);background:var(--af-placa);box-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 1px var(--af-placa-borde), 0 1px 1.5px #18191c2e, 0 6px 14px -8px #18191c4d;border-radius:12px;margin-top:14px;padding:14px 16px;position:relative}.placa:before{content:"";border-radius:inherit;background-image:var(--af-grano);opacity:.5;pointer-events:none;position:absolute;inset:0}.placa>*{position:relative}.placa__cabecera{border-bottom:1px solid var(--af-placa-borde);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;display:flex}.placa__titulo{letter-spacing:.16em;text-transform:uppercase;color:var(--af-placa-tinta-2);font-size:10px;font-weight:700}.opcion{text-align:center;min-width:48px;min-height:34px;font:inherit;color:var(--af-placa-tinta);cursor:pointer;background:linear-gradient(#f2f2ee,#dedfda);border:0;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:5px 10px;font-size:12.5px;line-height:1.2;transition:box-shadow 90ms ease-out,transform 90ms ease-out,background .12s linear;display:flex;box-shadow:inset 0 1px #fff,inset 0 -1px #00000024,0 1px 1px #18191c29}.opcion:hover{background:linear-gradient(#f7f7f3,#e6e7e2)}.opcion:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #0000002e}.opcion:focus-visible{outline:2px solid var(--brand-accent-deep);outline-offset:1px}.opcion[data-activo=si]{background:linear-gradient(#fbfbf7,#e2e3dd);box-shadow:inset 0 1px #fff,inset 0 -1px #00000029,0 0 0 1.5px #23242a,0 2px 5px -3px #18191c73}.opcion__detalle{color:var(--af-placa-tinta-2);font-size:10.5px}.calibracion{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.calibracion__lector{color:var(--af-lcd-tinta);font-variant-numeric:tabular-nums;background:linear-gradient(#cfd4bd,#c1c7b0);border-radius:6px;align-items:baseline;gap:4px;padding:3px 10px;display:flex;box-shadow:inset 0 1px 2px #00000038,inset 0 0 0 1px #00000038}.calibracion__etiqueta{letter-spacing:.1em;text-transform:uppercase;color:var(--af-lcd-tinta-2);font-size:9px}.calibracion__valor{letter-spacing:.02em;font-size:17px;font-weight:700}.calibracion__unidad{letter-spacing:.08em;color:var(--af-lcd-tinta-2);font-size:9px}.tecla-cal{width:30px;height:30px;font:inherit;color:var(--af-placa-tinta);cursor:pointer;background:linear-gradient(#f6f6f2,#dcdcd7);border:0;border-radius:6px;padding:0;font-size:15px;font-weight:600;line-height:1;box-shadow:inset 0 1px #fff,0 1px #0000002e,0 2px 3px -2px #18191c73}.tecla-cal:active{box-shadow:inset 0 2px 4px #0003}.tecla-cal:focus-visible{outline:2px solid var(--brand-accent-deep);outline-offset:1px}.cuerdas{flex-wrap:wrap;gap:6px;display:flex}.cuerda{font-variant-numeric:tabular-nums;height:30px;color:var(--af-placa-tinta-2);background:linear-gradient(#dcdcd7,#cfd0ca);border-radius:5px;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;transition:color .12s linear,box-shadow .12s linear,background .12s linear;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0000001a,0 1px 1px #18191c24}.cuerda[data-afinada=si]{color:var(--af-placa-tinta)}.cuerda[data-activa=si]{color:#10261a;background:linear-gradient(#e8f6df,#cbe7c4);box-shadow:inset 0 1px #fff,0 0 0 1.5px #2f7d43,0 0 8px -2px #2f7d4380}.cuerda__visto{color:#1f7a3e;font-size:10px}.aviso{color:#3a1f1c;background:#f7e6e2;border-radius:10px;margin-top:12px;padding:10px 14px;font-size:13px;box-shadow:inset 0 0 0 1px #d93a2b59}.afinador__nota{color:var(--af-placa-tinta-2);margin-top:10px;font-size:12.5px}.afinador__letra{color:color-mix(in oklab, var(--muted-foreground) 88%, transparent);margin-top:14px;font-size:11.5px;line-height:1.5}@media (min-width:640px){.equipo__cara{grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"placa lamparas""pantalla grilla""mandos mandos";gap:12px 16px}.grilla{background-image:radial-gradient(circle,#000 1.5px,#0000008c 1.6px,#0000 1.8px),radial-gradient(circle,#3d3e41 1.1px,#0000 1.5px);background-position:0 0,0 .7px;background-size:8px 8px,8px 8px;border-radius:10px;grid-area:grilla;min-height:96px;display:block;box-shadow:inset 0 3px 7px #000000d9,inset 0 -1px #ffffff14,inset 0 0 0 1px #0000008c,0 1px #ffffff0d}.pantalla__nota .pantalla__puntos{height:46px}.escala{height:54px}.escala__marcas{height:36px}.escala__aguja{height:30px}}@media (prefers-reduced-motion:reduce){.escala__aguja,.tecla,.opcion,.cuerda,.pantalla__nota,.lampara__luz{transition:none}}