// 01 · Mecánica de fluidos

Sistema de Tuberías y Bombas

Simula redes de tuberías con pérdidas de carga, bombas centrífugas y número de Reynolds. Ajusta diámetro, longitud, caudal y fluido para analizar el comportamiento del sistema.

Bernoulli: P₁ + ½ρv₁² + ρgz₁ + W_bomba = P₂ + ½ρv₂² + ρgz₂ + h_f

Darcy-Weisbach: h_f = f · (L/D) · (v²/2g)

Reynolds: Re = ρvD/μ → Re = —

Curva característica de la bomba (H vs Q)

Punto de operación donde curva de bomba cruza curva del sistema

Curva de bomba: H = H₀ - k·Q²

Curva sistema: H_s = Δz + R·Q²

Punto op.: Q = — m³/h · H = — m

Hardy-Cross: ΔQ = -ΣhF / (n·Σ|hF/Q|)

Continuidad: ΣQ_in = ΣQ_out en cada nodo

// Propiedades del fluido

Fluido

Densidad

998 kg/m³

Viscosidad

1.00 mPa·s

// Geometría de tubería

Diámetro (D)50 mm

Longitud (L)100 m

Rugosidad (ε)0.046 mm

// Condiciones de flujo

Caudal (Q)10 m³/h

Δ Elevación (Δz)5 m

// Resultados

Velocidad

1.41 m/s

Reynolds

70k

Factor f

0.020

Pérd. carga
2.03 m

ΔP fricción

19.9 kPa

H bomba
7.0 m

● Flujo laminar (Re < 2300)

Análisis gráfico del sistema

Pérdida de carga vs caudal · Perfil de velocidad

h_f vs Caudal

Perfil de velocidad (tubería)

.hero h1{font-size:clamp(22px,3.5vw,36px);font-weight:300;letter-spacing:-.03em;margin-bottom:10px;} .hero h1 strong{font-weight:600;color:var(--accent);} .hero-desc{font-size:14px;color:var(--text2);line-height:1.7;max-width:680px;} /* MAIN LAYOUT */ .sim-grid{display:grid;grid-template-columns:1fr 300px;} .canvas-col{border-right:1px solid var(--border);padding:28px 28px 28px 40px;} .sidebar{display:flex;flex-direction:column;} .s-sec{padding:18px 22px;border-bottom:1px solid var(--border);} .s-lbl{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;} /* Canvas */ .pipe-canvas{width:100%;border-radius:10px;background:var(--bg2);border:1px solid var(--border);overflow:hidden;} /* Tabs */ .tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px;} .tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text3);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px;background:none;border-top:none;border-left:none;border-right:none;font-family:'IBM Plex Sans',sans-serif;} .tab.active{color:var(--accent);border-bottom-color:var(--accent);} .tab-panel{display:none;}.tab-panel.active{display:block;} /* Sliders */ .sl-wrap{margin-bottom:14px;} .sl-head{display:flex;justify-content:space-between;margin-bottom:6px;} .sl-name{font-size:13px;color:var(--text2);} .sl-val{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:500;color:var(--text);} input[type=range]{-webkit-appearance:none;width:100%;height:2px;background:var(--bg3);border-radius:1px;outline:none;cursor:pointer;} input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg);box-shadow:0 0 0 1px var(--accent);transition:transform .15s;} input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);} /* Result cards */ .result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;} .r-card{background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:11px 13px;} .r-label{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--text3);margin-bottom:3px;} .r-val{font-size:19px;font-weight:500;letter-spacing:-.03em;color:var(--text);line-height:1;} .r-unit{font-size:11px;color:var(--text3);font-weight:400;} .r-card.highlight{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg2));} .r-card.highlight .r-val{color:var(--accent);} /* Equation box */ .eq-box{background:var(--bg3);border-radius:8px;padding:12px 14px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--text2);line-height:1.8;margin-top:10px;} .eq-box span{color:var(--accent);font-weight:500;} /* Status */ .flow-status{padding:9px 12px;border-radius:7px;font-family:'IBM Plex Mono',monospace;font-size:11px;line-height:1.5;margin-top:10px;transition:all .3s;} .status-lam{background:color-mix(in srgb,#22c55e 8%,transparent);border:1px solid color-mix(in srgb,#22c55e 22%,transparent);color:#22c55e;} .status-trans{background:color-mix(in srgb,#f59e0b 8%,transparent);border:1px solid color-mix(in srgb,#f59e0b 22%,transparent);color:#f59e0b;} .status-turb{background:color-mix(in srgb,#e05545 8%,transparent);border:1px solid color-mix(in srgb,#e05545 22%,transparent);color:#e05545;} /* Chart section */ .chart-sec{padding:24px 40px;border-top:1px solid var(--border);} .chart-hdr{margin-bottom:14px;} .chart-title{font-size:13px;font-weight:500;color:var(--text);} .chart-sub{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--text3);} .charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;} .chart-wrap{position:relative;height:200px;} /* SVG animation */ @keyframes flowdash{from{stroke-dashoffset:20}to{stroke-dashoffset:0}} @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} @keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} .stream{stroke-dasharray:7 4;animation:flowdash linear infinite;} .spin-anim{animation:spin linear infinite;} footer{padding:16px 40px;border-top:1px solid var(--border);display:flex;justify-content:space-between;} .footer-txt{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--text3);} @media(max-width:820px){ nav,footer{padding-left:20px;padding-right:20px;} .hero{padding:28px 20px;} .sim-grid{grid-template-columns:1fr;} .canvas-col{border-right:none;padding:20px;} .chart-sec{padding:20px;} .charts-row{grid-template-columns:1fr;} }