.nota-detector{--rojo-principal: #e31e24;--rojo-oscuro: #b50f15;--naranja-fuerte: #ff5a3f;--amarillo-oscuro: #cf7a00;--borde: rgba(255, 255, 255, .24);--texto: #431407;--subtexto: #7c2d12;--linea-suave: rgba(124, 45, 18, .18);--verde-1: #22c55e;--verde-2: #16a34a;--rojo-1: #dc2626;--rojo-2: #b91c1c;position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:center;padding:clamp(5.4rem,10vh,7rem) 1rem clamp(2rem,3vw,2.8rem);background:linear-gradient(145deg,rgba(255,255,255,.05) 0%,transparent 22%,rgba(0,0,0,.14) 100%),radial-gradient(circle at 16% 18%,rgba(255,255,255,.14),transparent 44%),radial-gradient(circle at 84% 84%,rgba(255,203,140,.2),transparent 45%),linear-gradient(132deg,var(--rojo-oscuro) 0%,var(--rojo-principal) 44%,var(--naranja-fuerte) 78%,var(--amarillo-oscuro) 100%)}.nota-detector:before,.nota-detector:after{content:"";position:absolute;border-radius:9999px;pointer-events:none;z-index:0}.nota-detector:before{top:-86px;right:-72px;width:clamp(150px,18vw,220px);height:clamp(150px,18vw,220px);background:#ffffff24}.nota-detector:after{right:30px;bottom:-58px;width:clamp(108px,14vw,152px);height:clamp(108px,14vw,152px);background:#1f0c063d}.nota-detector .detector-shell{position:relative;z-index:1;width:min(840px,100%);border:1px solid var(--borde);border-radius:1.35rem;background:linear-gradient(180deg,#fffffff0,#fff8f3e6);box-shadow:0 28px 54px #310e073d,inset 0 1px #ffffff6b;backdrop-filter:blur(10px);overflow:hidden}.nota-detector .detector-header{display:grid;justify-items:center;gap:.15rem;padding:clamp(1.2rem,2.3vw,1.7rem) clamp(1rem,3vw,1.8rem) .45rem}.nota-detector .detector-kicker{margin:0;text-align:center;color:#c2410c;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.nota-detector .detector-header h1{margin:.38rem 0 0;text-align:center;font-size:clamp(1.7rem,3.6vw,2.4rem);line-height:1.06;letter-spacing:-.015em;color:var(--texto)}.nota-detector .detector-subtitle{margin:.7rem auto 0;max-width:44ch;text-align:center;color:var(--subtexto);font-size:clamp(.93rem,2vw,1.04rem)}.nota-detector .container{padding:0 clamp(.85rem,2vw,1.4rem) clamp(1.3rem,2.8vw,1.8rem)}.nota-detector .content-area{width:min(100%,760px);margin:0 auto;display:grid;gap:clamp(.72rem,1.8vw,1.1rem)}.nota-detector .contS{display:grid;gap:.55rem;width:100%}.nota-detector .switch-container{padding:.8rem .95rem;display:grid;grid-template-columns:auto minmax(0,1fr);justify-content:stretch;align-items:center;gap:.75rem;width:100%;border:1px solid rgba(124,45,18,.14);border-radius:1rem;background:#ffffff6b}.nota-detector .detector-error{margin:0;border-radius:.7rem;border:1px solid rgba(220,38,38,.3);background:#dc262614;color:#991b1b;font-size:.88rem;line-height:1.4;padding:.5rem .65rem}.nota-detector .switch{position:relative;display:inline-block;width:3.5em;height:1.85em}.nota-detector .switch input{opacity:0;width:0;height:0}.nota-detector .slider{position:absolute;cursor:pointer;inset:0;border-radius:999px;border:1px solid rgba(124,45,18,.34);background-color:#7c2d121f;transition:background-color .25s ease}.nota-detector .slider:before{content:"";position:absolute;height:1.28em;width:1.28em;left:.22em;bottom:.18em;border-radius:50%;background-color:#fff;box-shadow:0 2px 8px #7c2d1233;transition:transform .25s ease,background-color .25s ease}.nota-detector input:checked+.slider{background-color:#dc262638}.nota-detector input:checked+.slider:before{transform:translate(1.7em);background-color:#dc2626}.nota-detector .label-text{display:flex;justify-content:space-between;align-items:center;gap:.35rem;width:100%;min-width:0;flex-wrap:nowrap;color:var(--texto)}.nota-detector .letter{opacity:0;animation:nmFadeIn .5s ease-in forwards;font-weight:700;flex:1 1 0;min-width:0;text-align:center}@keyframes nmFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.nota-detector #pitch-freq{margin-top:.1rem;margin-bottom:0}.nota-detector #pitch-freq-text{z-index:10;text-align:center;color:var(--texto);width:min(100%,260px);margin:0 auto;padding:.9rem 1.1rem .72rem;border-radius:1.05rem;border:1px solid rgba(194,65,12,.14);background:#ffffff85;box-shadow:0 12px 26px #7c2d1214}.nota-detector #txtN{display:flex;align-items:flex-start;justify-content:center;gap:.12em;margin-bottom:.32rem}.nota-detector #txtN .note{font-size:clamp(2rem,6vw,3.8rem);font-weight:800;line-height:1}.nota-detector #txtN .octave{font-size:clamp(1rem,3vw,1.75rem);font-weight:700;line-height:1;position:relative;top:.4rem}.nota-detector .freq{font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.nota-detector .unit{color:var(--subtexto)}.nota-detector #pitch-detector{position:relative;margin-bottom:.3rem;width:min(100%,720px);margin-left:auto;margin-right:auto}.nota-detector #Auja{position:absolute;left:0;right:0;margin:auto;width:clamp(2px,.22vw,4px);height:clamp(88px,10vw,138px);background:linear-gradient(180deg,#facc15,#f59e0b);border-radius:999px;box-shadow:0 0 14px #f59e0b47;z-index:10}.nota-detector #pitch-wheel{width:100%;height:clamp(215px,39vw,340px);contain:content;clip-path:inset(0 0 52% 0);overflow:hidden}.nota-detector #pitch-wheel svg{width:200%;max-width:none;display:block;margin-left:-50%;transform-origin:center center;transform:rotate(-1035deg)}.nota-detector #pitch-freq-1{text-align:center;min-height:94px;max-width:420px;margin:auto;margin-top:clamp(-28px,-4vw,-14px);padding:0 1vw;display:flex;justify-content:center}.nota-detector #pitch-audio-start{min-height:64px;margin-bottom:0;display:flex;align-items:center;justify-content:center;width:100%;padding:0 .7rem;gap:.5rem;flex-wrap:wrap}.nota-detector .audio-button{border:1px solid transparent;border-radius:999px;color:#fff;font-size:clamp(.92rem,1.8vw,1rem);font-weight:700;padding:.78rem 1.15rem;min-height:48px;cursor:pointer;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.nota-detector .audio-button:disabled{opacity:.72;cursor:wait}.nota-detector .audio-button:focus-visible{outline:2px solid #0f172a;outline-offset:2px}.nota-detector .switch input:focus-visible+.slider{outline:2px solid #0f172a;outline-offset:2px}.nota-detector #audio-start{background:linear-gradient(135deg,#171717,#262626);box-shadow:0 8px 18px #1717173d}.nota-detector #audio-start:hover{transform:translateY(-1px);box-shadow:0 12px 24px #1717174d}.nota-detector #audio-pause{background:linear-gradient(135deg,var(--rojo-1),var(--rojo-2));box-shadow:0 8px 18px #dc262642}.nota-detector #audio-pause:hover{transform:translateY(-1px);box-shadow:0 12px 24px #dc262654}.nota-detector .clrD{stroke:#7c2d1273;stroke-width:1.5}.nota-detector .clrG{stroke:#c2410c;stroke-width:5.5}.nota-detector .clrTxt{fill:#7c2d12}.nota-detector .blob-animation{animation:nmButtonPulse .26s ease}.nota-detector .shrink-animation{animation:nmButtonPop .22s ease}@keyframes nmButtonPulse{0%{transform:scale(.97)}to{transform:scale(1)}}@keyframes nmButtonPop{0%{transform:scale(1.05)}to{transform:scale(1)}}@media only screen and (min-aspect-ratio:21/9){.nota-detector #pitch-wheel{padding:0 8vw}}@media(max-width:780px){.nota-detector .content-area{gap:.82rem}.nota-detector .switch-container{grid-template-columns:1fr;justify-items:center;row-gap:.65rem}.nota-detector .label-text{width:min(100%,26rem)}}@media(max-width:900px){.nota-detector #pitch-wheel{height:clamp(210px,46vw,300px);clip-path:inset(0 0 50% 0)}.nota-detector #pitch-freq-1{margin-top:clamp(-18px,-3vw,-10px)}.nota-detector #pitch-audio-start{gap:.6rem}}@media(max-width:600px){.nota-detector{padding-bottom:1.1rem}.nota-detector .container{padding-bottom:.85rem}.nota-detector .switch-container{gap:.7rem;padding-inline:.75rem}.nota-detector .label-text{width:100%}.nota-detector #pitch-wheel{height:min(42dvh,clamp(170px,54vw,236px));clip-path:inset(0 0 48% 0)}.nota-detector #Auja{height:min(19dvh,clamp(68px,22vw,96px))}.nota-detector #pitch-freq-1{margin-top:.1rem;min-height:70px}.nota-detector #pitch-audio-start{min-height:76px;margin-bottom:.45rem;flex-direction:column;gap:.55rem}.nota-detector .audio-button{width:min(100%,360px);font-size:clamp(.9rem,4vw,1rem);padding-inline:1rem}.nota-detector .detector-error{font-size:.84rem}}@media(max-width:430px){.nota-detector{padding-left:.65rem;padding-right:.65rem}.nota-detector .container{padding-left:.45rem;padding-right:.45rem}.nota-detector #pitch-wheel{height:min(38dvh,clamp(154px,50vw,208px));clip-path:inset(0 0 46% 0)}.nota-detector #pitch-freq-1{margin-top:.15rem}}@media(max-width:600px)and (max-height:760px){.nota-detector .detector-header{padding-top:.95rem;padding-bottom:.55rem}.nota-detector .detector-subtitle{margin-top:.45rem;font-size:.88rem}.nota-detector #pitch-wheel{height:min(38dvh,208px);clip-path:inset(0 0 49% 0)}.nota-detector #Auja{height:min(16dvh,82px)}.nota-detector #pitch-freq-1{margin-top:0;min-height:58px}.nota-detector #pitch-audio-start{min-height:68px;margin-bottom:.25rem}}@media(prefers-reduced-motion:reduce){.nota-detector .letter,.nota-detector .audio-button,.nota-detector .blob-animation,.nota-detector .shrink-animation{animation:none;transition:none}}.detector-apoyo[data-astro-cid-4t4ymmyo]{padding:0 1rem 3.5rem;background:linear-gradient(180deg,#12121200,#1212120a 12%,#fff8f2 12%,#fffdf9)}.detector-apoyo__contenedor[data-astro-cid-4t4ymmyo]{width:min(1120px,100%);margin:0 auto;display:grid;gap:1rem;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:start;color:#431407}.detector-apoyo__intro[data-astro-cid-4t4ymmyo]{display:grid;gap:.7rem;position:relative;min-height:100%;padding:1rem 1.1rem;background:#fffcf7c7;border:1px dotted rgba(194,65,12,.24)}.detector-apoyo__etiqueta[data-astro-cid-4t4ymmyo]{display:inline-flex;align-items:center;width:fit-content;min-height:2.05rem;border-radius:0;padding:0 .78rem;background:#c2410c14;border:1px dotted rgba(194,65,12,.28);color:#c2410c;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.detector-apoyo__intro[data-astro-cid-4t4ymmyo] h2[data-astro-cid-4t4ymmyo]{margin:0;font-size:clamp(1.4rem,2.8vw,2.05rem);line-height:1.08;letter-spacing:-.03em;color:#431407}.detector-apoyo__intro[data-astro-cid-4t4ymmyo] p[data-astro-cid-4t4ymmyo]{margin:0;max-width:68ch;font-size:.97rem;line-height:1.7;color:#7c2d12}.detector-apoyo__grid[data-astro-cid-4t4ymmyo]{grid-column:1 / -1;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.detector-apoyo__card[data-astro-cid-4t4ymmyo],.detector-apoyo__enlaces[data-astro-cid-4t4ymmyo],.detector-apoyo__intro[data-astro-cid-4t4ymmyo]{position:relative}.detector-apoyo__card[data-astro-cid-4t4ymmyo],.detector-apoyo__enlaces[data-astro-cid-4t4ymmyo]{border-radius:0;padding:1.1rem 1.15rem;background:#ffffffe0;border:1px dotted rgba(194,65,12,.26);box-shadow:0 18px 34px #7c2d1214}.detector-apoyo__card[data-astro-cid-4t4ymmyo]:before,.detector-apoyo__card[data-astro-cid-4t4ymmyo]:after,.detector-apoyo__enlaces[data-astro-cid-4t4ymmyo]:before,.detector-apoyo__enlaces[data-astro-cid-4t4ymmyo]:after,.detector-apoyo__intro[data-astro-cid-4t4ymmyo]:before,.detector-apoyo__intro[data-astro-cid-4t4ymmyo]:after{content:"";position:absolute;width:18px;height:18px;pointer-events:none}.detector-apoyo__card[data-astro-cid-4t4ymmyo]:before,.detector-apoyo__enlaces[data-astro-cid-4t4ymmyo]:before,.detector-apoyo__intro[data-astro-cid-4t4ymmyo]:before{top:-1px;left:-1px;border-top:2px dotted rgba(194,65,12,.5);border-left:2px dotted rgba(194,65,12,.5)}.detector-apoyo__card[data-astro-cid-4t4ymmyo]:after,.detector-apoyo__enlaces[data-astro-cid-4t4ymmyo]:after,.detector-apoyo__intro[data-astro-cid-4t4ymmyo]:after{right:-1px;bottom:-1px;border-right:2px dotted rgba(194,65,12,.5);border-bottom:2px dotted rgba(194,65,12,.5)}.detector-apoyo__card[data-astro-cid-4t4ymmyo] h3[data-astro-cid-4t4ymmyo],.detector-apoyo__enlaces[data-astro-cid-4t4ymmyo] h3[data-astro-cid-4t4ymmyo]{margin:0;font-size:1rem;line-height:1.35;color:#431407;font-weight:800}.detector-apoyo__enlaces[data-astro-cid-4t4ymmyo]{min-height:100%}.detector-apoyo__card[data-astro-cid-4t4ymmyo] ul[data-astro-cid-4t4ymmyo]{margin:.85rem 0 0;padding-left:1.15rem;display:grid;gap:.55rem;color:#7c2d12}.detector-apoyo__card[data-astro-cid-4t4ymmyo] li[data-astro-cid-4t4ymmyo]{font-size:.92rem;line-height:1.6}.detector-apoyo__acciones[data-astro-cid-4t4ymmyo]{margin-top:.85rem;display:flex;flex-wrap:wrap;gap:.65rem}.detector-apoyo__acciones[data-astro-cid-4t4ymmyo] a[data-astro-cid-4t4ymmyo]{display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;border-radius:0;padding:0 .92rem;text-decoration:none;font-size:.84rem;font-weight:800;color:#9a3412;background:#fff7ed;border:1px dotted rgba(251,146,60,.36);transition:background-color .22s ease,border-color .22s ease,transform .22s ease}.detector-apoyo__acciones[data-astro-cid-4t4ymmyo] a[data-astro-cid-4t4ymmyo]:hover{background:#ffedd5;border-color:#fb923c66;transform:translateY(-1px)}@media(max-width:960px){.detector-apoyo__contenedor[data-astro-cid-4t4ymmyo],.detector-apoyo__grid[data-astro-cid-4t4ymmyo]{grid-template-columns:1fr}}@media(max-width:640px){.detector-apoyo[data-astro-cid-4t4ymmyo]{padding-left:.75rem;padding-right:.75rem;padding-bottom:3rem}.detector-apoyo__intro[data-astro-cid-4t4ymmyo],.detector-apoyo__card[data-astro-cid-4t4ymmyo],.detector-apoyo__enlaces[data-astro-cid-4t4ymmyo]{padding:1rem}}@media(prefers-reduced-motion:reduce){.detector-apoyo__acciones[data-astro-cid-4t4ymmyo] a[data-astro-cid-4t4ymmyo]{transition:background-color .22s ease,border-color .22s ease}.detector-apoyo__acciones[data-astro-cid-4t4ymmyo] a[data-astro-cid-4t4ymmyo]:hover{transform:none}}