.lab-sistema{--bg-deep:#0F1A33;--bg-card:#14213D;--bg-card-hover:#1B2C52;--accent-primary:#8B7FFF;--accent-secondary:#877EE3;--accent-warm:#F0605C;--accent-gold:#F0B429;--accent-blue:#4EA8DE;--accent-green:#4CC9A0;--accent-pink:#F17FB5;--text-primary:#E8ECF6;--text-muted:#B9C0D6;--border:rgba(255,255,255,0.08)}.lab-sistema *{margin:0;padding:0;box-sizing:border-box}.lab-sistema{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);overflow:hidden;position:relative;border-radius:var(--radius-md);line-height:1.6}.lab-sistema::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(135,126,227,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,127,255,8%) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(241,127,181,5%) 0%,transparent 60%);pointer-events:none;z-index:-1}.lab-sistema .subtitle{font-family:monospace;color:var(--text-muted);font-size:.95rem;letter-spacing:2px;text-transform:uppercase}.lab-sistema__nojs-notice{display:none;padding:var(--space-4,16px);color:var(--text-muted);font-size:.9rem;text-align:center}.no-js .lab-sistema__nojs-notice{display:block}.no-js .lab-sistema-main{display:none}.lab-sistema-main{max-width:1400px;margin:0 auto;padding:20px}.lab-sistema .diagram-section{display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.lab-sistema .diagram-wrapper{width:100%;max-width:900px;background:var(--bg-card);border-radius:24px;border:1px solid var(--border);padding:30px;position:relative;overflow:hidden}.lab-sistema .diagram-svg{width:100%;height:auto}.lab-sistema .flow-section{max-width:900px;margin:0 auto 50px}.lab-sistema .flow-section h2{font-family:var(--font-display);font-size:1.8rem;font-weight:800;text-align:center;margin-bottom:30px;color:var(--accent-primary)}.lab-sistema .flow-steps{display:flex;flex-direction:column;gap:0;position:relative}.lab-sistema .flow-step{display:flex;align-items:center;gap:20px;padding:20px 0;position:relative}.lab-sistema .flow-step::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-blue),var(--accent-warm),var(--accent-gold),var(--accent-primary),var(--accent-green))}.lab-sistema .flow-step:first-child::before{top:50%}.lab-sistema .flow-step:last-child::before{bottom:50%}.lab-sistema .flow-number{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1.3rem;flex-shrink:0;z-index:1;border:3px solid}.lab-sistema .flow-step:nth-child(1) .flow-number{background:rgba(78,168,222,.15);border-color:var(--accent-blue);color:var(--accent-blue)}.lab-sistema .flow-step:nth-child(2) .flow-number{background:rgba(240,96,92,.15);border-color:var(--accent-warm);color:var(--accent-warm)}.lab-sistema .flow-step:nth-child(3) .flow-number{background:rgba(240,180,41,.15);border-color:var(--accent-gold);color:var(--accent-gold)}.lab-sistema .flow-step:nth-child(4) .flow-number{background:rgba(139,127,255,.15);border-color:var(--accent-primary);color:var(--accent-primary)}.lab-sistema .flow-step:nth-child(5) .flow-number{background:rgba(76,201,160,.15);border-color:var(--accent-green);color:var(--accent-green)}.lab-sistema .flow-info{flex:1;background:var(--bg-card);border-radius:14px;padding:20px 24px;border:1px solid var(--border)}.lab-sistema .flow-info h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:6px}.lab-sistema .flow-info p{color:var(--text-muted);font-size:.92rem}.lab-sistema .flow-info .param-tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:600;margin-top:8px;margin-right:4px}.lab-sistema .tag-blue{background:rgba(78,168,222,.15);color:var(--accent-blue)}.lab-sistema .tag-warm{background:rgba(240,96,92,.15);color:var(--accent-warm)}.lab-sistema .tag-gold{background:rgba(240,180,41,.15);color:var(--accent-gold)}.lab-sistema .tag-primary{background:rgba(139,127,255,.15);color:var(--accent-primary)}.lab-sistema .tag-green{background:rgba(76,201,160,.15);color:var(--accent-green)}.lab-sistema .wave-section{margin:50px 0;text-align:center}.lab-sistema .wave-section h2{font-family:var(--font-display);font-size:1.8rem;font-weight:800;margin-bottom:20px;color:var(--accent-gold)}.lab-sistema .wave-canvas-container{background:var(--bg-card);border-radius:16px;border:1px solid var(--border);padding:30px;max-width:900px;margin:0 auto}.lab-sistema .wave-canvas-container canvas{width:100%;height:auto}.lab-sistema .wave-controls{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:20px}.lab-sistema .wave-control{display:flex;flex-direction:column;align-items:center;gap:6px}.lab-sistema .wave-control label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.lab-sistema .wave-control input[type=range]{-webkit-appearance:none;width:160px;height:6px;border-radius:3px;background:rgba(255,255,255,.1);outline:none}.lab-sistema .wave-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 8px rgba(139,127,255,.4)}.lab-sistema .wave-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 8px rgba(139,127,255,.4)}.lab-sistema .wave-value{font-family:monospace;font-size:.9rem;color:var(--accent-gold);font-weight:600}.lab-sistema .tabs-section{margin-top:50px}.lab-sistema .tabs-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.lab-sistema .tab-btn{font-family:var(--font-body);padding:12px 24px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:.95rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px}.lab-sistema .tab-btn:hover{border-color:var(--accent-primary);color:var(--text-primary);background:var(--bg-card-hover)}.lab-sistema .tab-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-deep);border-color:transparent;box-shadow:0 4px 20px rgba(139,127,255,.3)}.lab-sistema .tab-content{display:none;animation:labSistemaFadeIn .4s ease}.lab-sistema .tab-content.active{display:block}@keyframes labSistemaFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lab-sistema .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.lab-sistema .info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;transition:all .3s ease;position:relative;overflow:hidden}.lab-sistema .info-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px}.lab-sistema .info-card:hover{border-color:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3)}.lab-sistema .info-card.respiratory::before{background:var(--accent-blue)}.lab-sistema .info-card.intrinsic::before{background:var(--accent-warm)}.lab-sistema .info-card.extrinsic::before{background:var(--accent-primary)}.lab-sistema .info-card.cartilage::before{background:var(--accent-gold)}.lab-sistema .info-card.parameter::before{background:var(--accent-green)}.lab-sistema .card-icon{font-size:2rem;margin-bottom:12px}.lab-sistema .card-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:8px}.lab-sistema .card-latin{font-style:italic;color:var(--accent-gold);font-size:.85rem;margin-bottom:12px}.lab-sistema .card-desc{color:var(--text-muted);font-size:.95rem;line-height:1.7}.lab-sistema .card-function{margin-top:12px;padding:10px 14px;background:rgba(255,255,255,3%);border-radius:10px;border-left:3px solid;font-size:.9rem;color:var(--text-primary)}.lab-sistema .info-card.respiratory .card-function{border-color:var(--accent-blue)}.lab-sistema .info-card.intrinsic .card-function{border-color:var(--accent-warm)}.lab-sistema .info-card.extrinsic .card-function{border-color:var(--accent-primary)}.lab-sistema .info-card.cartilage .card-function{border-color:var(--accent-gold)}.lab-sistema .info-card.parameter .card-function{border-color:var(--accent-green)}.lab-sistema-footer{text-align:center;padding:40px 20px 10px;margin-top:20px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}.lab-sistema-footer .brand{color:var(--accent-primary);font-weight:600}@media(max-width:768px){.lab-sistema .cards-grid{grid-template-columns:1fr}.lab-sistema .flow-step{gap:12px}.lab-sistema .flow-number{width:44px;height:44px;font-size:1rem}.lab-sistema .diagram-wrapper{padding:15px}.lab-sistema .wave-controls{gap:12px}.lab-sistema .wave-control input[type=range]{width:120px}}@media(prefers-reduced-motion:reduce){.lab-sistema .tab-content{animation:none}}