Calculadora 3D

Calculadora de Impresión 3D

Peso del modelo (gramos):

Tiempo estimado (horas):

Costo del filamento por kg (ARS):

Consumo eléctrico (watts):

Costo por kWh (ARS):

Mano de obra (ARS):

:root { --neon-color: #0fa; --bg-color: #1a1a1a; --glass-color: rgba(255, 255, 255, 0.05); } body { margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: var(--bg-color); color: white; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .calculator-container { perspective: 1000px; width: 100%; max-width: 500px; } .calculator-glass { background: var(--glass-color); backdrop-filter: blur(10px); border-radius: 20px; padding: 30px; box-shadow: 0 0 30px rgba(0, 255, 170, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); transform-style: preserve-3d; transition: all 0.5s ease; } .calculator-glass:hover { transform: translateY(-5px) rotateX(5deg); box-shadow: 0 0 50px rgba(0, 255, 170, 0.4); } h1 { text-align: center; margin-bottom: 30px; color: var(--neon-color); text-shadow: 0 0 10px rgba(0, 255, 170, 0.5); } .input-group { margin-bottom: 20px; } label { display: block; margin-bottom: 8px; font-weight: 500; } .neon-input { width: 100%; padding: 12px 15px; border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 8px; background: rgba(0, 0, 0, 0.2); color: white; font-size: 16px; transition: all 0.3s; } .neon-input:focus { outline: none; border-color: var(--neon-color); box-shadow: 0 0 10px rgba(0, 255, 170, 0.5); } .neon-button { width: 100%; padding: 15px; background: transparent; color: var(--neon-color); border: 2px solid var(--neon-color); border-radius: 8px; font-size: 18px; font-weight: bold; cursor: pointer; transition: all 0.3s; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px; } .neon-button:hover { background: var(--neon-color); color: var(--bg-color); box-shadow: 0 0 20px rgba(0, 255, 170, 0.7); } .result-box { margin-top: 30px; padding: 20px; border-radius: 8px; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 255, 170, 0.2); font-size: 18px; line-height: 1.6; display: none; } .result-box.show { display: block; animation: fadeIn 0.5s; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } function calcularCosto() { // Obtener valores de los inputs const peso = parseFloat(document.getElementById('peso').value); const tiempo = parseFloat(document.getElementById('tiempo').value); const costoFilamento = parseFloat(document.getElementById('costoFilamento').value); const consumo = parseFloat(document.getElementById('consumo').value); const tarifa = parseFloat(document.getElementById('tarifa').value); const manoObra = parseFloat(document.getElementById('manoObra').value); // Validar inputs if (isNaN(peso) || isNaN(tiempo)) { alert('Por favor ingresa valores válidos para peso y tiempo'); return; } // Calcular costos const costoMaterial = (peso / 1000) * costoFilamento; const costoElectricidad = (consumo * tiempo / 1000) * tarifa; const costoTotal = costoMaterial + costoElectricidad + manoObra; // Mostrar resultados const resultado = document.getElementById('resultado'); resultado.innerHTML = `

Desglose de costos:

Material: ARS ${costoMaterial.toFixed(2)}

Electricidad: ARS ${costoElectricidad.toFixed(2)}

Mano de obra: ARS ${manoObra.toFixed(2)}

TOTAL: ARS ${costoTotal.toFixed(2)}

`; resultado.classList.add('show'); }