.ssg{--acc: var(--color-brand-sky-deep);--accd: var(--color-brand-sky-deep);--accs: var(--color-brand-sky-soft);max-width:520px;margin:0 auto;background:#fff;border:3px solid color-mix(in oklch,var(--acc) 22%,#fff);border-radius:28px;box-shadow:0 10px color-mix(in oklch,var(--acc) 15%,#e8e8e8),0 20px 40px #00000012;padding:clamp(1.25rem,4vw,2rem);text-align:center;position:relative;overflow:hidden}.ssg-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.4rem}.ssg-tab{font-family:var(--font-sans);font-weight:800;font-size:.95rem;padding:.55rem 1.3rem;border-radius:999px;border:2px solid #E7ECF1;background:#fff;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.ssg-tab.is-active{background:var(--acc);border-color:var(--acc);color:#fff}.ssg-tab:hover:not(.is-active){border-color:var(--acc);color:var(--accd)}.ssg-input-row{display:flex;gap:.5rem}.ssg-input{flex:1;padding:.8rem 1rem;font-size:1.15rem;font-family:var(--font-sans);font-weight:700;border:2px solid var(--color-border);border-radius:14px;color:var(--color-text-primary);background:#fafafa;transition:border-color .15s ease,box-shadow .15s ease;min-width:0}.ssg-input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--accs);background:#fff}.ssg-btn-sep{flex-shrink:0;padding:.8rem 1.3rem;font-family:var(--font-sans);font-weight:800;font-size:1rem;color:#fff;background:var(--acc);border:none;border-radius:14px;cursor:pointer;box-shadow:0 4px 0 var(--accd);transition:transform .08s,box-shadow .08s;white-space:nowrap}.ssg-btn-sep:hover{transform:translateY(-2px)}.ssg-btn-sep:active{transform:translateY(2px);box-shadow:none}.ssg-result{margin-top:1.4rem}.ssg-bubbles{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:.75rem}.ssg-bubble{font-family:var(--font-display);font-size:clamp(1.6rem,6vw,2.4rem);padding:.4rem .8rem;border-radius:16px;border:3px solid transparent;box-shadow:0 4px #0000001a;cursor:pointer;animation:ssg-pop .25s ease;transition:transform .12s ease}.ssg-bubble:hover{transform:translateY(-2px)}.ssg-bubble.ssg-pop2{animation:ssg-pop .3s}.ssg-bubble:nth-child(4n+1){background:var(--color-brand-sky-soft);color:#5b21b6;border-color:#c4b5fd}.ssg-bubble:nth-child(4n+2){background:#dcfce7;color:#15803d;border-color:#86efac}.ssg-bubble:nth-child(4n+3){background:#fef9c3;color:#854d0e;border-color:#fde047}.ssg-bubble:nth-child(4n){background:#ffe4e6;color:#be123c;border-color:#fda4af}.ssg-count{font-family:var(--font-sans);font-weight:800;font-size:1.05rem;color:var(--color-text-secondary);margin:0}.ssg-count strong{color:var(--accd)}.ssg-hint{font-size:.88rem;color:var(--color-text-secondary);margin-top:1.2rem;font-weight:700}.ssg-sep-msg{font-size:.88rem;color:#be123c;font-weight:800;margin:.55rem 0 0;text-align:left;animation:ssg-pop .25s ease}.ssg-input.ssg-nudge{animation:ssg-shake .3s}.ssg-ex{background:var(--accs);color:var(--accd);border:1.5px solid color-mix(in oklch,var(--acc) 30%,#fff);border-radius:8px;padding:.2rem .55rem;font-size:.88rem;font-weight:800;cursor:pointer;margin:0 .15rem;transition:background .12s;font-family:var(--font-sans)}.ssg-ex:hover{background:color-mix(in oklch,var(--acc) 20%,#fff)}.ssg-score-row{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:.95rem;margin-bottom:1rem;padding:0 .25rem}.ssg-pts{color:var(--color-text-secondary)}.ssg-pts b{color:var(--color-text-primary)}.ssg-str{color:var(--accd);transition:transform .2s}.ssg-str.ssg-pop{transform:scale(1.35)}.ssg-word-card{font-family:var(--font-display);font-size:clamp(2rem,8vw,3rem);color:var(--color-text-primary);letter-spacing:.05em;background:var(--accs);border-radius:20px;border:3px solid color-mix(in oklch,var(--acc) 30%,#fff);padding:1.1rem 1rem;margin-bottom:.9rem;box-shadow:0 6px color-mix(in oklch,var(--acc) 18%,#e0e0e0);cursor:pointer;transition:transform .15s ease}.ssg-word-card.ssg-flip{transform:scale(.94) rotateY(6deg)}.ssg-word-card.ssg-nudge{animation:ssg-shake .3s}.ssg-q{font-weight:800;color:var(--color-text-secondary);font-size:.98rem;margin:0 0 .8rem}.ssg-choices{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.ssg-choice{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text-primary);background:#fff;border:3px solid #E7ECF1;border-radius:18px;padding:.8rem .5rem;cursor:pointer;box-shadow:0 5px #e2e8ee;min-height:3.8rem;transition:transform .08s ease,box-shadow .08s ease,border-color .1s ease,background .1s ease}.ssg-choice:hover:not(:disabled){border-color:var(--acc);transform:translateY(-2px)}.ssg-choice:active:not(:disabled){transform:translateY(2px);box-shadow:none}.ssg-choice:disabled{cursor:default}.ssg-choice.is-correct{background:#dcfce7;border-color:#22c55e;color:#15803d;box-shadow:0 4px #86efac}.ssg-choice.is-wrong{background:#ffe4e6;border-color:#f43f5e;color:#be123c;box-shadow:none;animation:ssg-shake .35s}.ssg-gfeedback{min-height:1.5rem;margin-top:.7rem;font-weight:800;font-size:1rem}.ssg-gfeedback.ok{color:#15803d}.ssg-gfeedback.no{color:#be123c}.ssg-gfeedback.hint{color:var(--color-text-secondary)}.ssg-spark{position:absolute;top:44%;left:50%;font-size:1.4rem;pointer-events:none;will-change:transform,opacity;animation:ssg-spark .9s ease-out forwards}@keyframes ssg-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ssg-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes ssg-spark{to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}@media(prefers-reduced-motion:reduce){.ssg-spark,.ssg-choice.is-wrong,.ssg-bubble{animation:none!important}}.cuento-cta[data-astro-cid-fk25qmy6]{background:#fffbf0;border:2px solid #FFE08A;border-radius:16px;padding:1rem 1.2rem;margin:1.6rem 0}.cuento-cta[data-astro-cid-fk25qmy6] p[data-astro-cid-fk25qmy6]{margin:0;line-height:1.6;font-size:.95rem}.cuento-cta[data-astro-cid-fk25qmy6] a[data-astro-cid-fk25qmy6]{color:#b4436c;font-weight:800}[data-astro-cid-fk25qmy6],[data-astro-cid-fk25qmy6]:before,[data-astro-cid-fk25qmy6]:after{box-sizing:border-box}:root{--p:var(--color-brand-sky-deep);--pd:var(--color-brand-sky-deep);--ps:var(--color-brand-sky-soft);--ink:var(--color-text-primary);--muted:var(--color-text-secondary);--rc:24px}.hero[data-astro-cid-fk25qmy6]{background:radial-gradient(55% 80% at 14% 18%,color-mix(in oklch,var(--color-brand-sky-deep) 36%,transparent),transparent 60%),radial-gradient(50% 70% at 86% 26%,color-mix(in oklch,var(--color-brand-coral) 28%,transparent),transparent 60%),linear-gradient(135deg,var(--color-brand-sky-deep),var(--color-brand-sky-deep));color:#fff;padding:3.5rem 1.5rem 3rem;text-align:center}.hero[data-astro-cid-fk25qmy6] h1[data-astro-cid-fk25qmy6]{font-family:var(--font-display);font-size:clamp(1.9rem,5vw,2.8rem);margin:.5rem 0 .75rem;line-height:1.15}.hero[data-astro-cid-fk25qmy6] p[data-astro-cid-fk25qmy6]{font-size:1.08rem;opacity:.95;max-width:640px;margin:0 auto;font-weight:700}.container[data-astro-cid-fk25qmy6]{max-width:880px;margin:0 auto;padding:0 1.5rem}.play-wrap[data-astro-cid-fk25qmy6]{margin-top:-1.5rem;position:relative;z-index:2;margin-bottom:3rem}.section[data-astro-cid-fk25qmy6]{padding:2rem 0}.prose[data-astro-cid-fk25qmy6]{max-width:740px;margin:0 auto;color:#3f3f46;font-weight:600;line-height:1.7}.prose[data-astro-cid-fk25qmy6] h2[data-astro-cid-fk25qmy6]{font-family:var(--font-display);font-size:clamp(1.4rem,3.5vw,1.85rem);color:var(--ink);margin:1.75rem 0 .6rem}.prose[data-astro-cid-fk25qmy6] h3[data-astro-cid-fk25qmy6]{font-family:var(--font-display);font-size:1.15rem;color:var(--pd);margin:1.4rem 0 .4rem}.prose[data-astro-cid-fk25qmy6] p[data-astro-cid-fk25qmy6]{margin-bottom:1rem}.prose[data-astro-cid-fk25qmy6] ul[data-astro-cid-fk25qmy6]{margin:0 0 1rem 1.1rem}.prose[data-astro-cid-fk25qmy6] li[data-astro-cid-fk25qmy6]{margin-bottom:.4rem}.tipo-grid[data-astro-cid-fk25qmy6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.85rem;margin:1rem 0 1.5rem}.tipo-card[data-astro-cid-fk25qmy6]{background:#fff;border:2px solid var(--ps);border-radius:16px;padding:1.1rem;box-shadow:0 4px 0 var(--color-border)}.tipo-card[data-astro-cid-fk25qmy6] b[data-astro-cid-fk25qmy6]{font-family:var(--font-display);color:var(--pd);display:block;margin-bottom:.25rem}.tipo-card[data-astro-cid-fk25qmy6] span[data-astro-cid-fk25qmy6]{font-size:.88rem;color:var(--color-text-secondary)}.rule-list[data-astro-cid-fk25qmy6]{display:grid;gap:.85rem;margin:1rem 0 1.5rem}.rule[data-astro-cid-fk25qmy6]{display:flex;gap:.9rem;align-items:flex-start;background:#fff;border:2px solid var(--ps);border-radius:16px;padding:1rem 1.1rem;box-shadow:0 4px 0 var(--color-border)}.rule[data-astro-cid-fk25qmy6] b[data-astro-cid-fk25qmy6]{display:flex;flex:0 0 auto;width:2rem;height:2rem;align-items:center;justify-content:center;background:var(--p);color:#fff;border-radius:50%;font-family:var(--font-display)}.rule[data-astro-cid-fk25qmy6] span[data-astro-cid-fk25qmy6]{font-weight:600;color:#3f3f46}.tabla-wrap[data-astro-cid-fk25qmy6]{overflow-x:auto;margin:1rem 0 .6rem;-webkit-overflow-scrolling:touch}.silabas-tabla[data-astro-cid-fk25qmy6]{width:100%;min-width:620px;border-collapse:collapse;font-size:.92rem}.silabas-tabla[data-astro-cid-fk25qmy6] th[data-astro-cid-fk25qmy6]{background:var(--ps);color:var(--pd);font-family:var(--font-display);text-align:left;padding:.6rem .7rem;border-bottom:2px solid var(--color-border)}.silabas-tabla[data-astro-cid-fk25qmy6] td[data-astro-cid-fk25qmy6]{padding:.6rem .7rem;border-bottom:1px solid #EEF2F6;color:#3f3f46;font-weight:600;vertical-align:top}.silabas-tabla[data-astro-cid-fk25qmy6] tbody[data-astro-cid-fk25qmy6] tr[data-astro-cid-fk25qmy6]:nth-child(odd){background:#f9fcfe}.silabas-tabla[data-astro-cid-fk25qmy6] code[data-astro-cid-fk25qmy6]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f7fc;border-radius:6px;padding:.1rem .35rem;color:var(--pd);font-weight:700;white-space:nowrap}.silabas-tabla[data-astro-cid-fk25qmy6] .num[data-astro-cid-fk25qmy6]{text-align:center;font-family:var(--font-display);color:var(--pd);font-size:1.05rem}.silabas-tabla[data-astro-cid-fk25qmy6] .num[data-astro-cid-fk25qmy6] small[data-astro-cid-fk25qmy6]{display:block;font-family:inherit;font-size:.72rem;color:var(--muted);font-weight:700}.silabas-tabla[data-astro-cid-fk25qmy6] tbody[data-astro-cid-fk25qmy6] th[data-astro-cid-fk25qmy6]{text-align:left;padding:.6rem .7rem;border-bottom:1px solid #EEF2F6;color:var(--ink);font-weight:800;background:none;font-family:inherit;vertical-align:top}.sr-only[data-astro-cid-fk25qmy6]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nota-tabla[data-astro-cid-fk25qmy6]{font-size:.92rem;color:#5c5c66}.related[data-astro-cid-fk25qmy6]{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.related[data-astro-cid-fk25qmy6] a[data-astro-cid-fk25qmy6]{background:var(--ps);color:var(--pd);font-weight:800;padding:.7rem 1.2rem;border-radius:999px;text-decoration:none;border:2px solid color-mix(in oklch,var(--p) 30%,#fff)}.faq-item[data-astro-cid-fk25qmy6]{max-width:740px;margin:0 auto;border-bottom:2px solid #EEF2F6;padding:1.1rem 0}.faq-item[data-astro-cid-fk25qmy6] h3[data-astro-cid-fk25qmy6]{font-family:var(--font-display);font-size:1.1rem;color:var(--ink);margin:0 0 .4rem}.faq-item[data-astro-cid-fk25qmy6] p[data-astro-cid-fk25qmy6]{color:#3f3f46;font-weight:600;line-height:1.65;margin:0}.cta-band[data-astro-cid-fk25qmy6]{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;border-radius:var(--rc);padding:2.5rem 1.5rem;text-align:center;margin:2.5rem 0}.cta-band[data-astro-cid-fk25qmy6] h2[data-astro-cid-fk25qmy6]{font-family:var(--font-display);color:#fff;font-size:clamp(1.4rem,3.5vw,1.9rem);margin-bottom:.5rem}.cta-band[data-astro-cid-fk25qmy6] p[data-astro-cid-fk25qmy6]{opacity:.95;font-weight:700;max-width:520px;margin:0 auto 1.25rem}.cta-band[data-astro-cid-fk25qmy6] a[data-astro-cid-fk25qmy6]{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-brand-sun);color:#2c2200;font-weight:800;padding:.9rem 1.9rem;border-radius:999px;text-decoration:none;box-shadow:0 5px 0 var(--color-brand-sun-shadow)}