.ky828q_container{background:var(--bg-primary,#fafafa);min-height:100vh;color:var(--text-primary,#1a1a1a);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ky828q_hero{background:var(--hero-bg,#1a5278);color:#fff;text-align:center;padding:2.5rem 1.5rem 2rem}.ky828q_title{margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.2}.ky828q_subtitle{opacity:.88;margin:0;max-width:640px;margin-inline:auto;font-size:clamp(.95rem,2vw,1.1rem)}.ky828q_tipoSelector{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1.5rem 1rem .5rem;display:flex}.ky828q_tipoBtn{border:2px solid var(--primary-texto);color:var(--primary-texto);cursor:pointer;background:0 0;border-radius:24px;padding:.55rem 1.4rem;font-size:.95rem;font-weight:600;transition:background .18s,color .18s}.ky828q_tipoBtn:hover,.ky828q_tipoBtnActive{background:var(--primary-boton);border-color:var(--primary-boton);color:#fff}.ky828q_progenitoresGrid{grid-template-columns:1fr 1fr;gap:1rem;max-width:680px;margin:1.25rem auto 0;padding:0 1rem;display:grid}.ky828q_progenitorCard{background:var(--bg-card,#fff);border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;gap:.6rem;padding:1rem 1.25rem;display:flex}.ky828q_progenitorLabel{color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.ky828q_genoSelect{border:1.5px solid var(--primary,#2e86ab);background:var(--bg-card,#fff);color:var(--text-primary,#1a1a1a);cursor:pointer;border-radius:8px;width:100%;padding:.45rem .75rem;font-size:1rem;font-weight:600}.ky828q_btnAleatorio{background:var(--secondary-boton);color:#fff;cursor:pointer;border:none;border-radius:24px;margin:1rem auto 0;padding:.55rem 1.6rem;font-size:.95rem;font-weight:700;transition:background .18s;display:block}.ky828q_btnAleatorio:hover{background:var(--primary-boton)}.ky828q_punnettWrapper{text-align:center;padding:1.5rem 1rem .5rem;overflow-x:auto}.ky828q_punnettTable{border-collapse:collapse;border-radius:10px;margin-inline:auto;overflow:hidden}.ky828q_punnettHeader{background:var(--primary-boton);color:#fff;text-align:center;min-width:60px;padding:.7rem 1.1rem;font-size:1.1rem;font-weight:700}.ky828q_punnettCell{text-align:center;border:2px solid #ffffff73;min-width:60px;padding:.85rem 1.2rem;font-size:1.1rem;font-weight:800;transition:opacity .15s}.ky828q_cellHomoDom{color:#fff;background:#1a5278}.ky828q_cellHetero{color:#1a1a1a;background:#7fb3d3}.ky828q_cellHomoRec{color:#444;background:#ccc}.ky828q_cellDomiDomi{color:#fff;background:#1a5278}.ky828q_cellDomiRec{color:#1a1a1a;background:#48a9a6}.ky828q_cellRecDomi{color:#1a1a1a;background:#7fb3d3}.ky828q_cellRecRec{color:#444;background:#ccc}.ky828q_propGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:760px;margin:1.25rem auto 0;padding:0 1rem;display:grid}.ky828q_propCard{background:var(--bg-card,#fff);border:1px solid #e0e0e0;border-radius:12px;padding:1rem 1.25rem}.ky828q_propLabel{color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .4rem;font-size:.8rem;font-weight:700}.ky828q_propRatio{color:var(--primary-texto);margin:0;font-size:1rem;font-weight:700}.ky828q_tablaWrapper{max-width:760px;margin:1.25rem auto 0;padding:0 1rem;overflow-x:auto}.ky828q_tabla{border-collapse:collapse;width:100%;font-size:.92rem}.ky828q_tabla th{background:var(--primary-boton);color:#fff;text-align:left;padding:.5rem .8rem;font-weight:700}.ky828q_tabla td{color:var(--text-primary,#1a1a1a);border-bottom:1px solid #e0e0e0;padding:.45rem .8rem}.ky828q_tabla tr:last-child td{border-bottom:none}.ky828q_tabla tr:nth-child(2n) td{background:#2e86ab0f}.ky828q_interpretacionText{border-left:4px solid var(--primary,#2e86ab);max-width:680px;color:var(--text-primary,#1a1a1a);background:linear-gradient(135deg,#2e86ab14,#48a9a614);border-radius:0 10px 10px 0;margin:1.25rem auto 0;padding:1rem 1.5rem;font-size:.97rem;line-height:1.6}.ky828q_scenariosRow{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:760px;margin-inline:auto;padding:1.25rem 1rem 0;display:flex}.ky828q_scenarioBtn{border:1.5px solid var(--secondary-texto);color:var(--secondary-texto);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:.45rem 1rem;font-size:.88rem;font-weight:600;transition:background .15s,color .15s}.ky828q_scenarioBtn:hover{background:var(--secondary-boton);border-color:var(--secondary-boton);color:#fff}.ky828q_legendRow{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;max-width:760px;margin-inline:auto;padding:1rem 1rem 0;display:flex}.ky828q_legendItem{color:var(--text-secondary,#666);align-items:center;gap:.35rem;font-size:.85rem;display:flex}.ky828q_legendDot{box-sizing:border-box;border:1px solid;border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block}.ky828q_warningBox{background:#fff8e1;border:1.5px solid #f9a825;border-radius:12px;max-width:760px;margin:1.5rem auto 0;padding:1.1rem 1.4rem}.ky828q_warningHeader{color:#a33900;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:1rem;font-weight:800;display:flex}.ky828q_warningIcon{font-size:1.2rem}.ky828q_warningList{flex-direction:column;gap:.35rem;margin:0;padding-left:1.4rem;display:flex}.ky828q_warningList li{color:#5d4037;font-size:.92rem;line-height:1.5}.ky828q_formulaBox{border:1.5px solid var(--primary,#2e86ab);color:var(--primary-texto);text-align:center;background:0 0;border-radius:8px;margin:.75rem 0;padding:.75rem 1.25rem;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.ky828q_faqList{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.ky828q_faqItem{background:var(--bg-card,#fff);border:1px solid #e0e0e0;border-radius:10px;padding:.9rem 1.1rem}.ky828q_faqItem strong{color:var(--primary-texto);margin-bottom:.3rem;font-size:.97rem;display:block}.ky828q_faqTip{color:var(--text-secondary,#666);font-size:.9rem;line-height:1.55}.ky828q_stepGuide{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.ky828q_step{align-items:flex-start;gap:.9rem;display:flex}.ky828q_stepNumber{background:var(--primary-boton);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;margin-top:2px;font-size:.9rem;font-weight:800;display:flex}.ky828q_stepContent{color:var(--text-primary,#1a1a1a);flex:1;font-size:.93rem;line-height:1.55}.ky828q_stepContent strong{color:var(--primary-texto)}.ky828q_tipsGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;display:grid}.ky828q_tipCard{background:var(--bg-card,#fff);border:1.5px solid var(--secondary,#48a9a6);border-radius:10px;padding:.9rem 1.1rem}.ky828q_tipIcon{margin-bottom:.4rem;font-size:1.3rem;display:block}.ky828q_scenariosGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.ky828q_scenarioCard{background:var(--bg-card,#fff);border:1px solid #e0e0e0;border-radius:10px;padding:.9rem 1.1rem}.ky828q_scenarioIcon{margin-bottom:.35rem;font-size:1.4rem;display:block}[data-theme=dark] .ky828q_container{background:var(--bg-primary,#1a1a1a);color:var(--text-primary,#e5e5e5)}[data-theme=dark] .ky828q_hero{background:#0f3347}[data-theme=dark] .ky828q_progenitorCard,[data-theme=dark] .ky828q_propCard,[data-theme=dark] .ky828q_faqItem,[data-theme=dark] .ky828q_tipCard,[data-theme=dark] .ky828q_scenarioCard{background:var(--bg-card,#2a2a2a);border-color:#3a3a3a}[data-theme=dark] .ky828q_genoSelect{background:var(--bg-card,#2a2a2a);color:var(--text-primary,#e5e5e5);border-color:var(--primary,#2e86ab)}[data-theme=dark] .ky828q_tabla td{color:var(--text-primary,#e5e5e5);border-color:#3a3a3a}[data-theme=dark] .ky828q_tabla tr:nth-child(2n) td{background:#2e86ab1f}[data-theme=dark] .ky828q_warningBox{background:#332a00;border-color:#f9a825}[data-theme=dark] .ky828q_warningList li{color:#f5e0b0}[data-theme=dark] .ky828q_warningHeader{color:#ffb74d}[data-theme=dark] .ky828q_interpretacionText,[data-theme=dark] .ky828q_stepContent{color:var(--text-primary,#e5e5e5)}[data-theme=dark] .ky828q_legendItem,[data-theme=dark] .ky828q_propLabel{color:var(--text-secondary,#b0b0b0)}@media (max-width:600px){.ky828q_progenitoresGrid{grid-template-columns:1fr}.ky828q_punnettCell,.ky828q_punnettHeader{min-width:46px;padding:.6rem .8rem;font-size:.92rem}.ky828q_propGrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ky828q_tipoBtn,.ky828q_btnAleatorio,.ky828q_scenarioBtn{transition:none}}@media (max-width:1023px){.ky828q_hero{padding-top:80px}}@media (min-width:1024px) and (max-width:1059px){[data-brand=stemum] .ky828q_hero{padding-top:80px}}.ky828q_casosSection{padding:var(--spacing-xl);background:var(--bg-card);border:1px solid #e5e7eb;border-radius:12px;margin:0 0 1.5rem}.ky828q_casosHeader{margin-bottom:var(--spacing-lg)}.ky828q_casosTitulo{margin:0 0 var(--spacing-sm);color:var(--primary-texto);font-size:1.5rem}.ky828q_casosIntro{color:var(--text-secondary);margin:0;line-height:1.6}.ky828q_casosNav{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.ky828q_casoBoton{min-width:44px;min-height:44px;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:.95rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.ky828q_casoBoton:hover{border-color:var(--primary);color:var(--primary-texto)}.ky828q_casoBoton:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ky828q_casoBotonActivo,.ky828q_casoBotonActivo:hover{background:var(--primary-boton);border-color:var(--primary-boton);color:#fff}.ky828q_casoBotonPractica{min-width:auto;margin-left:auto}.ky828q_casoCuerpo{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius)}.ky828q_casoTitulo{margin:0 0 var(--spacing-sm);color:var(--secondary-texto);font-size:1.1rem}.ky828q_casoEnunciado{margin:0 0 var(--spacing-md);color:var(--text-primary);line-height:1.7}.ky828q_casoRespuesta{margin-bottom:var(--spacing-md)}.ky828q_casoLabel{margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem;font-weight:600;display:block}.ky828q_casoFila{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.ky828q_casoInput{min-height:44px;padding:var(--spacing-sm);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex:160px;font-size:1rem}.ky828q_casoInput:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.ky828q_casoComprobar{min-height:44px;padding:var(--spacing-sm) var(--spacing-lg);color:#fff;background:var(--primary-boton);border-radius:var(--radius);cursor:pointer;border:none;font-size:1rem;font-weight:600}.ky828q_casoComprobar:hover{background:var(--hero-bg)}.ky828q_casoComprobar:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ky828q_casoVeredicto{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-weight:600}.ky828q_casoOk{color:#166534;background:#dcfce7}.ky828q_casoKo{color:#991b1b;background:#fee2e2}.ky828q_casoAyudas{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.ky828q_casoAyudaBoton{min-height:44px;padding:var(--spacing-xs) var(--spacing-md);color:var(--primary-texto);border:1px solid var(--primary);border-radius:var(--radius);cursor:pointer;background:0 0;font-size:.9rem}.ky828q_casoAyudaBoton:hover{background:var(--primary-boton);color:#fff}.ky828q_casoAyudaBoton:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ky828q_casoPista{margin:var(--spacing-md) 0 0;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border-left:3px solid var(--secondary);border-radius:var(--radius);color:var(--text-secondary);line-height:1.6}.ky828q_casoSolucion{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.ky828q_casoPasos{margin:0 0 var(--spacing-md);color:var(--text-secondary);padding-left:1.25rem;line-height:1.8}.ky828q_casoResultado{color:var(--text-primary);margin:0;font-size:1.05rem}[data-theme=dark] .ky828q_casosSection{border-color:#374151}[data-theme=dark] .ky828q_casosTitulo{color:var(--primary-texto)}[data-theme=dark] .ky828q_casoBoton{color:#e8e8e8;background:#2a2a2a;border-color:#444}[data-theme=dark] .ky828q_casoBoton:hover{border-color:var(--primary);color:var(--primary-texto)}[data-theme=dark] .ky828q_casoBotonActivo,[data-theme=dark] .ky828q_casoBotonActivo:hover{background:var(--primary-boton);border-color:var(--primary-boton);color:#fff}[data-theme=dark] .ky828q_casoCuerpo{background:#ffffff08}[data-theme=dark] .ky828q_casoInput{color:#e8e8e8;background:#2a2a2a;border-color:#444}[data-theme=dark] .ky828q_casoComprobar{background:var(--primary-boton);color:#fff}[data-theme=dark] .ky828q_casoOk{color:#bbf7d0;background:#14532d}[data-theme=dark] .ky828q_casoKo{color:#fecaca;background:#7f1d1d}[data-theme=dark] .ky828q_casoAyudaBoton{color:var(--primary-texto);border-color:var(--primary)}[data-theme=dark] .ky828q_casoAyudaBoton:hover{background:var(--primary-boton);color:#fff}[data-theme=dark] .ky828q_casoPista,[data-theme=dark] .ky828q_casoSolucion{background:#2a2a2a;border-color:#444}[data-theme=dark] .ky828q_casoPista{border-left-color:var(--secondary)}@media (max-width:640px){.ky828q_casosSection,.ky828q_casoCuerpo{padding:var(--spacing-md)}.ky828q_casoBotonPractica{margin-left:0}}@media (prefers-reduced-motion:reduce){.ky828q_casoBoton{transition:none!important}}
