:root{--color-primary: #3498db;--color-primary-dark: #2980b9;--color-secondary: #2c3e50;--color-success: #27ae60;--color-success-dark: #219653;--color-danger: #e74c3c;--color-danger-light: #fdeaea;--color-warning: #f39c12;--color-light: #f5f7fa;--color-dark: #34495e;--color-gray: #95a5a6;--color-gray-dark: #7f8c8d;--color-gray-light: #ecf0f1;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:var(--font-family);background-color:var(--color-light);color:var(--color-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.datos-empresa-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:2rem;max-width:800px;margin:0 auto}.datos-empresa-container h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center;font-size:1.8rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#34495e}.form-group input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.btn-continuar{background-color:#3498db;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s;display:block;margin:1.5rem auto 0;width:200px;text-align:center}.btn-continuar:hover{background-color:#2980b9}@media (max-width: 768px){.datos-empresa-container{padding:1.5rem;margin:0 1rem}.btn-continuar{width:100%}}.paso1-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:2rem;max-width:900px;margin:0 auto}.paso1-container h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center;font-size:1.8rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.tabla-valores{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.tabla-valores th,.tabla-valores td{padding:.8rem;text-align:left;border-bottom:1px solid #e0e0e0}.tabla-valores th{background-color:#f8f9fa;font-weight:600;color:#34495e}.tabla-valores tr:hover{background-color:#f5f8fa}.tabla-valores input{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s,background-color .3s}.tabla-valores input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.tabla-valores tr.error{background-color:#e74c3c1a}.tabla-valores tr.error input{border-color:#e74c3c}.tabla-valores tr.completo{background-color:#2ecc711a;transition:background-color .3s;animation:pulseGreen 1s ease-in-out}.tabla-valores tr.completo input{border-color:#2ecc71}.tabla-valores tr.completo td{position:relative}.tabla-valores tr.completo td:last-child:after{content:"✓";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#27ae60;font-weight:700;animation:fadeIn .5s ease-in-out}@keyframes pulseGreen{0%{background-color:#2ecc7100}50%{background-color:#2ecc7133}to{background-color:#2ecc711a}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.paso1-container{padding:1.5rem;margin:0 1rem}.tabla-valores th,.tabla-valores td{padding:.6rem;font-size:.9rem}.botones-container{flex-direction:column}.btn-continuar,.btn-volver{width:100%}}.paso2-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:2rem;max-width:900px;margin:0 auto}.paso2-container h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center;font-size:1.8rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.tabla-fechas{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.tabla-fechas td{padding:.8rem;text-align:left;border-bottom:1px solid #e0e0e0}.tabla-fechas tr:hover{background-color:#f5f8fa}.input-fecha{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.fecha-formateada{font-weight:500;color:#34495e;min-width:120px;text-align:center}.fila-resultado{background-color:#f8f9fa;font-weight:600}.resultado-dias{font-size:1.2rem;color:#3498db;text-align:center;font-weight:700}.errores-container{background-color:#fdeaea;border-left:4px solid #e74c3c;padding:1rem;margin-bottom:1.5rem;border-radius:0 4px 4px 0;animation:slideIn .3s ease-in-out}.error-mensaje{color:#c0392b;margin:.3rem 0}.info-container{background-color:#eaf7fb;border-left:4px solid #3498db;padding:1rem;margin-bottom:1.5rem;border-radius:0 4px 4px 0}.info-mensaje{color:#2980b9;margin:.3rem 0;display:flex;align-items:center}.info-icon{margin-right:.5rem;font-style:normal}.botones-container{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.btn-continuar{background-color:#3498db;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .2s;min-width:200px;text-align:center}.btn-continuar:hover:not(:disabled){background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-continuar:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-volver{background-color:#95a5a6;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .2s;min-width:200px;text-align:center}.btn-volver:hover{background-color:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-volver:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.paso2-container{padding:1.5rem;margin:0 1rem}.tabla-fechas td{padding:.6rem;font-size:.9rem}.fecha-formateada{min-width:90px;font-size:.85rem}.resultado-dias{font-size:1.1rem}.botones-container{flex-direction:column}.btn-continuar,.btn-volver{width:100%}}.paso3-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:1.5rem;max-width:800px;margin:0 auto}.paso3-container h2{color:#fff;margin-bottom:1rem;text-align:center;font-size:1.5rem;background-color:#06f;padding:.6rem;border-radius:4px 4px 0 0;margin-top:0}.tarjeta-calculo{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;padding:1rem;margin-bottom:1.5rem}.campo-valor,.campo-input,.campo-resultado{margin-bottom:.8rem;padding:.7rem;border-radius:4px}.campo-valor{background-color:#f8f9fa;display:flex;justify-content:space-between;align-items:center;border-left:3px solid #3498db}.campo-input{background-color:#ffc;border-left:3px solid #f39c12}.campo-resultado{background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;border-left:3px solid #95a5a6;padding:.5rem}.resultado-final{background-color:#e8f4fd;border-left:3px solid #2980b9;font-weight:600}label{font-weight:500;color:#34495e;margin-bottom:.3rem;display:block;font-size:.95rem}.input-container{display:flex;align-items:center;flex-wrap:wrap;margin-top:.3rem}.valor-monetario,.valor-monetario-resultado,.valor-monetario-total{font-weight:600;font-size:1.1rem;color:#2c3e50;padding:.4rem .8rem;background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a}.valor-monetario-resultado{font-size:1.1rem;color:#e74c3c}.valor-monetario-total{font-size:1.2rem;color:#e74c3c;background-color:#fdf2f0}.meses-campo{background-color:#eaf7fb;border-left:3px solid #3498db}.valor-simple{font-weight:600;font-size:1.1rem;color:#3498db}.meses-transcurridos{display:flex;justify-content:center;align-items:center;width:100%}.numero-meses{font-size:1.4rem;font-weight:700;color:#3498db;background-color:#fff;padding:.3rem 1.5rem;border-radius:30px;box-shadow:0 1px 3px #0000001a}.input-fecha{width:140px;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:border-color .3s}.input-fecha:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.fecha-formateada{font-weight:500;color:#34495e;margin-left:.8rem;font-size:.95rem}.select-opcion{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:border-color .3s;width:80px}.mensaje-continuar{text-align:center;font-weight:600;font-size:1rem;margin:1rem 0;color:#2c3e50;background-color:#f8f9fa;padding:.7rem;border-radius:4px;border-left:3px solid #3498db}.errores-container{background-color:#fdeaea;border-left:3px solid #e74c3c;padding:.7rem;margin-bottom:1rem;border-radius:0 4px 4px 0;animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.error-mensaje{color:#c0392b;margin:.2rem 0;font-size:.95rem}.botones-container{display:flex;justify-content:center;gap:.8rem;margin-top:1rem}.btn-continuar{background-color:#3498db;color:#fff;border:none;padding:.7rem 1.2rem;font-size:.95rem;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .2s;min-width:180px;text-align:center}.btn-continuar:hover:not(:disabled){background-color:#2980b9;transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.btn-continuar:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a}.btn-continuar:disabled{background-color:#bdc3c7;cursor:not-allowed}.btn-volver{background-color:#95a5a6;color:#fff;border:none;padding:.7rem 1.2rem;font-size:.95rem;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .2s;min-width:180px;text-align:center}.btn-volver:hover{background-color:#7f8c8d;transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.btn-volver:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}@media (max-width: 768px){.paso3-container{padding:1rem;margin:0 .5rem}.paso3-container h2{font-size:1.3rem;padding:.5rem}.campo-valor,.campo-input,.campo-resultado{padding:.6rem}.input-fecha{width:120px}.fecha-formateada{display:block;margin-left:0;margin-top:.3rem}.valor-monetario,.valor-monetario-resultado,.valor-monetario-total{font-size:1rem}.numero-meses{font-size:1.3rem;padding:.3rem 1.2rem}.botones-container{flex-direction:column}.btn-continuar,.btn-volver{width:100%}}.resultados-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.8rem}.resultado-item{background-color:#f0f0f0;padding:.7rem;border-radius:4px;border-left:3px solid #95a5a6;display:flex;justify-content:space-between;align-items:center}.resultado-item label{margin-bottom:0;font-size:.9rem}.paso4-container{max-width:800px;margin:0 auto;padding:2rem;animation:fadeIn .5s ease-out}.paso4-container h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center;font-size:1.8rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.tarjeta-calculo{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:2rem;margin-bottom:2rem}.campo-input{margin-bottom:1.5rem}.campo-input label{display:block;margin-bottom:.5rem;font-weight:600;color:#34495e}.input-container{position:relative}.input-numero{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.input-numero:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.formato-uvt{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:#f8f9fa;padding:.3rem .6rem;border-radius:4px;font-size:.9rem;color:#2c3e50;font-weight:600;pointer-events:none}.select-opcion{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;transition:border-color .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1em}.select-opcion:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.campo-valor{margin-bottom:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:4px;border-left:4px solid #3498db}.campo-valor label{display:block;margin-bottom:.5rem;font-weight:600;color:#34495e}.valor-monetario{font-size:1.5rem;font-weight:700;color:#2c3e50}.resultado{background-color:#eaf7fd;border-left:4px solid #27ae60;margin-top:2rem}.resultado .valor-monetario{color:#27ae60;font-size:1.8rem}.mensaje-error{color:#e74c3c;background-color:#fdf3f2;padding:.8rem;border-radius:4px;margin-top:1rem;border-left:4px solid #e74c3c}.botones-container{display:flex;justify-content:flex-end;margin-top:2rem}.btn-continuar{background-color:#3498db;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .2s;min-width:150px;text-align:center}.btn-continuar:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-continuar:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.paso4-container{padding:1rem}.tarjeta-calculo{padding:1.5rem}.campo-valor{padding:.8rem}.valor-monetario{font-size:1.3rem}.resultado .valor-monetario{font-size:1.5rem}.botones-container{flex-direction:column}.btn-continuar{width:100%}}.sancion-correccion-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{background-color:#2c3e50;color:#fff;padding:1.5rem 2rem;text-align:center;box-shadow:0 2px 10px #0000001a}.header h1{margin:0 0 1.5rem;font-size:2.2rem;font-weight:600}.pasos-indicador{display:flex;justify-content:center;gap:3rem;margin:0 auto;position:relative;max-width:500px}.pasos-indicador:before{content:"";position:absolute;top:15px;left:0;right:0;height:1px;background-color:#fff3;z-index:0}.paso{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;transition:all .3s ease}.paso-numero{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;margin-bottom:.5rem;font-weight:500;font-size:1rem;transition:all .3s ease}.paso-texto{font-size:.85rem;color:#ffffffb3;transition:all .3s ease;letter-spacing:.5px}.paso.activo .paso-numero{background-color:#3498db;border-color:#3498db;color:#fff;box-shadow:0 0 0 2px #3498db4d}.paso.activo .paso-texto{color:#fff;font-weight:500}.paso.completado .paso-numero{background-color:#2ecc71;border-color:#2ecc71;color:#fff}.paso.completado .paso-texto{color:#ffffffe6}.paso.completado:before{content:"";position:absolute;left:-50%;right:50%;top:18px;height:1px;background-color:#2ecc71;z-index:-1}.paso:first-child.completado:before{display:none}.contenido-principal{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;transition:opacity .3s ease,transform .3s ease}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(10px)}.footer{background-color:#2c3e50;color:#fff;text-align:center;padding:1rem;margin-top:auto}.footer p{margin:0;font-size:.9rem}.resumen-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:2rem;max-width:900px;margin:0 auto;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resumen-container h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center;font-size:1.8rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.seccion-resumen{margin-bottom:2rem;animation:fadeIn .5s ease-out;animation-fill-mode:both}.seccion-resumen:nth-child(2){animation-delay:.2s}.seccion-resumen:nth-child(3){animation-delay:.4s}.seccion-resumen h3{color:#34495e;font-size:1.3rem;margin-bottom:1rem;border-left:4px solid #3498db;padding-left:.8rem}.seccion-resumen p{margin:.5rem 0;font-size:1.1rem}.dias-destacados{font-weight:700;color:#3498db;font-size:1.2rem;background-color:#f8f9fa;padding:.2rem .5rem;border-radius:4px;margin-left:.5rem}.valor-destacado{font-weight:700;color:#e74c3c;font-size:1.2rem;background-color:#f8f9fa;padding:.2rem .5rem;border-radius:4px;margin-left:.5rem}.tabla-resumen{width:100%;border-collapse:collapse;margin-top:1rem}.tabla-resumen th,.tabla-resumen td{padding:.8rem;text-align:left;border-bottom:1px solid #e0e0e0}.tabla-resumen th{background-color:#f8f9fa;font-weight:600;color:#34495e}.tabla-resumen tr:hover{background-color:#f5f8fa}.valor-positivo{color:#27ae60;font-weight:600;position:relative}.valor-positivo:before{content:"+";margin-right:2px}.valor-negativo{color:#e74c3c;font-weight:600;position:relative}.valor-negativo:before{content:"-";margin-right:2px}.btn-finalizar{background-color:#27ae60;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .2s;min-width:200px;text-align:center}.btn-finalizar:hover{background-color:#219653;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-finalizar:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-imprimir{background-color:#3498db;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .2s;min-width:200px;text-align:center;display:flex;align-items:center;justify-content:center}.btn-imprimir:before{content:"🖨️";margin-right:8px;font-size:1.2rem}.btn-imprimir:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-imprimir:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media print{body{background-color:#fff;font-size:12pt}.sancion-correccion-container{background-color:#fff}.header,.footer,.botones-container,.pasos-indicador{display:none!important}.contenido-principal{padding:0;margin:0}.resumen-container{box-shadow:none;padding:0;margin:0}.seccion-resumen{page-break-inside:avoid;margin-bottom:20px}.tabla-resumen{width:100%;border-collapse:collapse}.tabla-resumen th,.tabla-resumen td{border:1px solid #ddd}.valor-destacado,.dias-destacados{font-weight:700}}@media (max-width: 768px){.header{padding:1rem}.header h1{font-size:1.8rem;margin-bottom:1.2rem}.pasos-indicador{gap:2rem}.paso-numero{width:32px;height:32px;font-size:.9rem}.paso-texto{font-size:.75rem}.pasos-indicador:before,.paso.completado:before{top:16px}.contenido-principal{padding:1rem}.resumen-container{padding:1.5rem;margin:0 1rem}.seccion-resumen h3{font-size:1.2rem}.seccion-resumen p{font-size:1rem}.tabla-resumen th,.tabla-resumen td{padding:.6rem;font-size:.9rem}.botones-container{flex-direction:column}.btn-finalizar,.btn-imprimir{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.app-container{width:100%;min-height:100vh}button{cursor:pointer;font-family:inherit}input{font-family:inherit}table{width:100%;border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}