/* Guía interactiva de laboratorios · Unidad 1 */
.lab-guide-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.55fr);gap:1.5rem;align-items:stretch;padding:3rem 0 1.5rem}.lab-guide-hero h1{font-size:clamp(2.35rem,5vw,5rem);line-height:.98;margin:.35rem 0 1rem;max-width:950px}.guide-principles{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.25rem}.guide-principles span,.learning-chain span{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);border-radius:999px;padding:.58rem .8rem;font-weight:800;font-size:.9rem}.guide-progress-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 95%,#19d7ff 5%),var(--panel));padding:1.35rem;display:flex;flex-direction:column;justify-content:center;gap:.6rem;box-shadow:var(--shadow)}.guide-progress-card>strong{font-size:3rem;line-height:1}.guide-progress-track{height:10px;border-radius:99px;background:var(--panel-2);overflow:hidden;border:1px solid var(--line)}.guide-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .25s ease}.guide-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;border:1px solid var(--line);background:var(--panel);padding:1rem 1.2rem;border-radius:18px;margin-bottom:1rem}.route-tabs,.mode-switch{display:flex;flex-wrap:wrap;gap:.55rem}.route-tabs button[aria-pressed="true"],.mode-switch button[aria-pressed="true"]{background:linear-gradient(90deg,var(--cyan),var(--green));color:#001018;border-color:transparent}.learning-chain{display:flex;align-items:center;gap:.4rem;overflow-x:auto;padding:.9rem 0 1rem}.learning-chain b{color:var(--cyan);font-size:1.25rem}.lab-station-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.lab-station{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:1.15rem;display:flex;flex-direction:column;gap:.75rem;position:relative;min-height:300px}.lab-station.completed{border-color:color-mix(in srgb,var(--green) 70%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 22%,transparent) inset}.lab-station.active{border-color:var(--cyan);box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan) 30%,transparent) inset}.station-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.station-number{font-size:.82rem;font-weight:900;letter-spacing:.09em;color:var(--cyan)}.station-time{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.3rem .55rem}.lab-station h3{font-size:1.35rem;margin:0}.lab-station p{margin:0;color:var(--muted)}.station-hypothesis{border-left:3px solid var(--cyan);padding-left:.75rem;font-size:.92rem;color:var(--text)!important}.station-progress{margin-top:auto;display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center}.station-progress-track{height:7px;background:var(--panel-2);border-radius:99px;overflow:hidden}.station-progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green))}.station-actions{display:flex;gap:.5rem;flex-wrap:wrap}.lab-workbench{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(0,1.55fr);gap:1rem;align-items:start}.experiment-guide,.simulator-frame-panel{border:1px solid var(--line);border-radius:22px;background:var(--panel);overflow:hidden}.experiment-guide{padding:1.2rem;position:sticky;top:86px;max-height:calc(100vh - 105px);overflow-y:auto}.experiment-guide h3{font-size:1.45rem}.guide-block{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}.guide-block h4{font-size:1rem;margin:0 0 .55rem}.guide-block ol,.guide-block ul{padding-left:1.2rem;margin:.4rem 0}.guide-block li{margin:.42rem 0}.hypothesis-card{padding:.9rem;border:1px solid color-mix(in srgb,var(--cyan) 40%,var(--line));background:color-mix(in srgb,var(--cyan) 8%,var(--panel));border-radius:14px}.failure-card{padding:.9rem;border:1px solid color-mix(in srgb,var(--red) 45%,var(--line));background:color-mix(in srgb,var(--red) 7%,var(--panel));border-radius:14px}.transfer-card{padding:.9rem;border:1px solid color-mix(in srgb,var(--green) 40%,var(--line));background:color-mix(in srgb,var(--green) 7%,var(--panel));border-radius:14px}.passport-grid{display:grid;gap:.75rem}.passport-grid label{font-weight:800}.passport-grid textarea{width:100%;min-height:78px;margin-top:.35rem}.evidence-checks{display:grid;gap:.5rem}.evidence-checks label{display:flex;gap:.55rem;align-items:flex-start;padding:.6rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.evidence-checks input{margin-top:.18rem}.simulator-frame-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.simulator-frame-head div{display:flex;flex-direction:column}.simulator-frame-panel iframe{display:block;width:100%;height:790px;border:0;background:#071321}.teacher-note{border:1px dashed color-mix(in srgb,var(--gold) 60%,var(--line));background:color-mix(in srgb,var(--gold) 6%,var(--panel));border-radius:14px;padding:.85rem}.teacher-note strong{color:var(--gold)}.integrator-shell{padding-bottom:2rem}.integrator-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.integrator-checks{display:grid;gap:.45rem}.integrator-checks label{display:flex;gap:.55rem;padding:.6rem;border:1px solid var(--line);border-radius:12px}.integrator-answer{margin-top:1rem}.integrator-answer textarea{width:100%;margin:.6rem 0}.teacher-session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.teacher-session-grid article{border:1px solid var(--line);border-radius:16px;padding:1rem;background:var(--panel);display:flex;flex-direction:column;gap:.35rem}.lab-guide-promo{border:1px solid color-mix(in srgb,var(--cyan) 45%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--cyan) 8%,var(--panel)),var(--panel));border-radius:22px;padding:1.35rem;display:grid;grid-template-columns:1.35fr .65fr;gap:1.2rem;align-items:center}.lab-guide-promo h3{font-size:1.8rem;margin:.25rem 0 .55rem}.lab-guide-promo-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.lab-guide-promo-steps span{text-align:center;border:1px solid var(--line);background:var(--panel-2);border-radius:12px;padding:.7rem .35rem;font-size:.78rem;font-weight:800}.lab-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.lab-mini-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.55rem}.lab-mini-card .num{font-size:.78rem;color:var(--cyan);font-weight:900}.lab-mini-card h3{font-size:1.05rem;margin:0}.lab-mini-card p{font-size:.9rem;color:var(--muted);margin:0}.lab-mini-card .actions{margin-top:auto}.guide-complete-badge{font-size:.76rem;font-weight:900;color:var(--green)}
@media(max-width:1000px){.lab-guide-hero,.lab-workbench,.lab-guide-promo{grid-template-columns:1fr}.lab-station-grid,.lab-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-guide{position:static;max-height:none}.simulator-frame-panel iframe{height:680px}.teacher-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.guide-toolbar{align-items:stretch;flex-direction:column}.lab-station-grid,.lab-mini-grid,.integrator-grid,.teacher-session-grid{grid-template-columns:1fr}.lab-guide-promo-steps{grid-template-columns:1fr 1fr}.simulator-frame-panel iframe{height:620px}.lab-guide-hero{padding-top:2rem}}